Оригинал сообщения
Комментарии: [показать]

Все, кто когда-либо верстал знают, что не все браузеры отображают написанный вами код одинаковы. Конечно, некоторые скажут что нужно верстать по стандартам и тогда никаких проблем не будет. Но так получается далеко не всегда. Поэтому существуют css-хаки под определенные браузеры.

/* IE 6 и ниже */

* html #uno  { color: red }



/* IE 7 и ниже */

*:first-child+html #dos { color: red }



/* IE 7 и современные браузеры */

html>body #tres { color: red }



/* Современные браузеры (не IE 7) */

html>/**/body #cuatro { color: red }



/* Opera 9.27 и ниже */

html:first-child #cinco { color: red }



/* Safari */

html[xmlns*=""] body:last-child #seis { color: red }



/*safari 3+, chrome 1+, opera9+, ff 3.5+ */

body:nth-of-type(1) #siete { color: red }



/* safari 3+, chrome 1+, opera9+, ff 3.5+ */

body:first-of-type #ocho {  color: red }



/* saf3, chrome1+ */

@media screen and (-webkit-min-device-pixel-ratio:0) {

 #diez  { background: #FFDECE; border: 2px solid #ff0000  }

}



/* ie6 и ниже */

#once { _color:blue }



/* ie7 и ниже */

#doce { *color: blue } /* или #color:blue */

Единственное НО: это не валидно. С этими хаками ваш CSS не пройдет валидацию. Так что старайтесь верстать так, что бы доболнительные стили применялись только для IE. Ну а стили для IE подключать через условные комментарии типа < !–[if IE]>.

Я слушаю di.fm
[показать]LIci WP - WordPress crossposting plugin