Özellik(Attribute) Seçicileri Kullanarak Hata Ayıklamak
Ö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 */