Иногда некоторые браузеры отображают элементы не так как, тогда можно скрывать некоторые стили от этих браузеров или же наоборот определить стили только для определенных браузеров. С этой целью и задают CSS трюки или еще их называют CSS хаки.

Под Internet Explorer 6 и ниже

* html div {...} /* для IE6 */

div { color: green } /* для IE6 */

div+span {...} /* IE6 и ниже проигнорирует это правило */

div>span {...} /* IE6 и ниже проигнорирует это правило */

.style { _background: #007;} /* хак с нижним подчеркиванием  */

* html .style {}

Internet Explorer 7

*:first-child+html div {...} /* для IE7 */

*+html div {...} /* для IE7 */

div>/**/span {...} /* IE7 и ниже проигнорирет это правило */

Opera

@media all and (min-width: 0) {
div span { background: #007}
} /* для Opera */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .style {background: #007;} }

html:first-child {...} /* для Opera < 9.5 */

Firefox

html:root div {...} /*для Firefox*/

div, x:-moz-any-link {...} /* для Firefox */

@-moz-document url-prefix() { .style {background: #007;} }

Safari

html[xmlns*=""] body:last-child {...}