Özellik Seçicileri kullanarak hatalarıda ayıklayabiliriz. Birçok web tarayıcı Safari bu kullanımı desteklerken IE6 ve alt sürümleri bu özelliği desteklememektedirler.
Özellik Seçicileri kullanarak elementlerin id’lerine göre atamalar yapabiliriz.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<style type="text/css">
p{background: red; /* Tüm web tarayıcılarında gözükür */}
body[class|="sayfaYapisi"] p{ background: green; /* IE 7 ve Yeni web tarayıcılarında gözükür Opera hariç */}
</style>
</head>
<body class="sayfaYapisi">
<p>Test</p>
</body>
</html>Genel Seçicileri (*) Kullanarak Hata Ayıklamak
IE7 ile birlikte düzeltilen bi hatadır. Çok kullanışlı ve basittir.
a:hover {border: 1px dotted black;}
* html a:hover { // bu tanımlamayı ie6+ ve altı versiyonlarda görünmeyecektir.
border-style: solid;
}Yorum Kodları içinde (\) Kullanımı ile IE/Mac’de Hata Ayıklama/* bu alani IE5/Mac den gizleyelim \*/
* html {
height: 1px;
}
/* hata ayiklama sonu */