Css kodu tarayıcı ( browser ) tarafından gayet hızlı yorumlanır. Ama sorun şu ki başka tarayıcılar tarafından farklı yorumlanabilir. Ya da windows ta çalışan bir firefox da, linux taki firefox daki gibi gözükmez. Bunların hiçbirine de ihtiyaç duymasanız bile, internet explorer versiyonları için başka css (stiller) yazmanız gerekebilir.
Kısaca tarayıcı veya bilgisayar seçmek arayüz ( front-end ) işinde bulunan birisinin karşısına çıkması kesin olan bir şey. Css browser selector da tam bu işe yarıyor. Bu linkten browser selector ı indirin.
Sitesi de burada en alttan da aynı dosyayı download edebilirsiniz.
Daha sonra bunu head tagları (element) arasında bu .js uzantılı dosyayı çekin. - <head></head>
<script src="css_browser_selector.js" type="text/javascript"></script>
Artık stiller için tarayıcı ve işletim sistemi seçme kodunuz hazır. Bunu şu şekilde kullanabilirsiniz :
.[sistem].[tarayıcı] .sınıf{ font-weight: bold; } ( .[sistem] ve.[tarayıcı] arasında boşluk yok )
Örnek olarak:
- html.gecko div#header { margin: 1em; }
- .opera #header { margin: 1.2em; }
- .ie .mylink { font-weight: bold; }
- .mac.ie .mylink { font-weight: bold; }
Kullanabileceğiniz İşletim sistemi kodları [sistem]:
- win - Microsoft Windows (tüm versiyonlar)
- vista - Microsoft Windows Vista
- linux - Linux (x11 and linux)
- mac - Mac OS
- freebsd - FreeBSD
- ipod - iPod Touch
- iphone - iPhone
- ipad - iPad
- webtv - WebTV
- j2me - J2ME Araçları
- blackberry - BlackBerry
- android - Google Android
- mobile - Tüm mobil araçlar
Kullanabileceğiniz Tarayıcı kodları [tarayıcı]:
- ie - Internet Explorer (Tüm versiyonlar)
- ie8 - Internet Explorer 8.x
- ie7 - Internet Explorer 7.x
- ie6 - Internet Explorer 6.x
- ie5 - Internet Explorer 5.x
- gecko - Mozilla, Firefox (Tüm versiyonlar), Camino
- ff2 - Firefox 2
- ff3 - Firefox 3
- ff3_5 - Firefox 3.5
- ff3_6 - Firefox 3.6 new
- opera - Opera (Tüm versiyonlar)
- opera8 - Opera 8.x
- opera9 - Opera 9.x
- opera10 - Opera 10.x
- konqueror - Konqueror
- webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
- safari3 - Safari 3.x
- chrome - Google Chrome
- iron - SRWare Iron