CSS選擇符的hack,指的是在某些特定情況下,利用一些特殊的 CSS 選擇符,來使本來不支持某些屬性的瀏覽器也能夠正確地渲染頁面。下面我們來介紹一些比較常用的 CSS 選擇符hack。
/* IE6及以下版本 */ * html selector { property:value; } /* IE7 */ *:first-child+html selector { property:value; } /* IE6及以上版本 */ selector { _property:value; property:value; } /* IE9及以下版本 */ @media screen\0 { selector { property:value; } } /* IE10及以下版本 */ @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none)\0 { selector { property:value; } } /* 兼容IE和其他瀏覽器 */ @media all and (-webkit-min-device-pixel-ratio:0){ selector { property:value; } }
這些hack選擇符雖然簡潔,但是使用的時候需要特別注意,盡量避免在生產環境中使用,因為在頁面的可讀性和代碼的可維護性方面會帶來極大的困難。