CSS, XHTML, HTML5, Javascript, JQuery, Mobile Website, Wordpress - Volkan Altınbaş'ın Seyir Defteri » Google Chrome http://www.volkanaltinbas.com CSS, XHTML, HTML5, Javascript, JQuery, Mobile Website, Wordpress Theme Development, Windows Metro Style Apps Development Sun, 20 May 2012 20:39:33 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Google Chrome ve Safari 3.1 için CSS Hack Yöntemi http://www.volkanaltinbas.com/google-chrome-ve-safari-31-icin-css-hack-yontemi/ http://www.volkanaltinbas.com/google-chrome-ve-safari-31-icin-css-hack-yontemi/#comments Wed, 22 Oct 2008 07:06:54 +0000 admin http://www.volkanaltinbas.com/blog/?p=12 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.

]]> http://www.volkanaltinbas.com/google-chrome-ve-safari-31-icin-css-hack-yontemi/feed/ 1