层叠样式表/技巧和过滤器

Opera 10+ CSS 过滤器

 .dude:read-only { color: green; } 
 .dude:read-write /* form elements */

 @media, { .dude { color: silver;} }

 *:first-child+html #mytag to target IE7

 @media all { .dude { color: brown\0/; } }

 @media all and (monochrome: 0) { .dude { color: pink\9; } }

 * > /**/ .dude, x:-webkit-any-link { color:red; } /* * &gt; /**/ hides from IE7; remove if unneeded */

 * > /**/ .dude, x:-khtml-any-link { color:red; }  /* * &gt; /**/ hides from IE7; remove if unneeded */

 html body:only-child .dude

 @-moz-document url-prefix() { .dude { color: green; }

 @-moz-document url-prefix() { @media -moz-scrollbar-start-backward { .dude { color: green; } }

 @-moz-document url-prefix() { .dude:-moz-system-metric(scrollbar-start-backward) { color: green; } }

并非所有 Web 浏览器都是平等的，即使代码经过验证，相同代码的渲染方式不同也会破坏网页的显示效果。为了解决这个问题，浏览器技巧的庞大社区正在发展。这些技巧应该不惜一切代价避免使用，因为它们可能会在其他浏览器中破坏代码，或降低性能。但是，有时无法避免使用所有这些技巧。

请注意，持续的浏览器更新可能会导致技巧在将来无法使用。