How to hide CSS from certain browsers, using only CSS, preferably without hacks? There are probably a lot more. Do tell me :)
/* Ignored by IE 6 */
html>body {
/* rules */
}
/* Ignored by IE 6 */
html > body {
/* rules */
/* Watch out; this is not ignored by IE 5! */
}
/* Ignored by IE 5 */
html>body {
/* rules */
}
/* Ignored by IE4 */
@import "advanced.css";
/* Ignored by IE 4 */
@media all {
/* rules */
}
/* Ignored by Mac IE 5 */
@media all {
/* rules */
}
/* Ignored by Mac IE 5 \*/
/* rules */
/* End ignoring */
/* Ignored by Mac IE 4 */
@media all {
/* rules */
}
/* Ignored by Netscape 4 */
@import url('some.css');
/* Ignored by Opera 6 */
head:first-child+body {
/* rules */
}
/* Ignored by Safari */
@media all {
@import url(some.css);
/* rules */
}
/* Ignored by Netscape 4 */
@import url(some.css);
/* Ignored by Netscape 4 */
@media all {
/* rules */
}