層疊樣式表/技巧和過濾器

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 瀏覽器都是平等的，即使程式碼經過驗證，相同程式碼的渲染方式不同也會破壞網頁的顯示效果。為了解決這個問題，瀏覽器技巧的龐大社群正在發展。這些技巧應該不惜一切代價避免使用，因為它們可能會在其他瀏覽器中破壞程式碼，或降低效能。但是，有時無法避免使用所有這些技巧。

請注意，持續的瀏覽器更新可能會導致技巧在將來無法使用。