Kullanılan yöntem aslında sadece Google Chrome ve Safari 3.1 tarayıcılarını hedef alan bir yöntem değildir. Fakat şu anda Google Chrome ve Safari 3.1 bilinen tüm seçicilere destek vermesi bu yöntemi sadece bu iki tarayıcı için kullanma imkanı sağlar.
body:nth-of-type(1) p{
-
color: #333333;
-
}
Yukarıdaki kuralı sayfamıza eklediğimizde sadece Google Chrome ve Safari 3.1 tarayıcılarında paragrafların renginin gri olduğunu göreceksiniz. Kod tam olarak nasıl çalışır anlatmak istersek:
- Bilindiği gibi bir web sayfası içinde sadece bir tek body elemanı bulunur.
- :nth-of-type() bir pseudo sınıfıdır ve sadece bahsedilen tarayıcılar tarafından desteklenir
- body:nth-of-type(1) tanımın sonucunda ilk ve tek olan body elementi ile eşleşir
Tüm bu pseduo’lara ait detaylı bilgiye http://www.w3.org/TR/CSS2/selector.html altından erişebilir ve daha fazla bilgi sahibi olabilirsiniz.
]]>