在CSS3中,我們可以使用下劃線來延伸樣式的作用。
/* 以下是CSS3中下劃線延伸的一些使用場景*/ /* 繼承 */ .parent { font-weight: bold; } .child { /* 繼承 .parent 的 font-weight 樣式 */ font-size: 20px; _font-weight: inherit; } /* IE6-IE7寫法 */ .parent { _zoom: 1; } /* 選擇器Hack */ /* IE6-IE7下只有 .is-ie6 和 .is-ie7 會顯示 */ .is-ie6 { color: red; } .is-ie7 { color: blue; } /* 如果是IE5、IE8,都不會顯示 */ .test { color: green; _color: purple; }
以上是一些下劃線延伸的使用場景,雖然有些語法看起來有些奇怪,但它們能夠確保我們在舊版本瀏覽器中獲得最佳的兼容性。
最后提醒大家:雖然下劃線延伸能夠解決舊版本瀏覽器的兼容性問題,但是它并不是CSS3的標準規范。因此,當您使用它時,請注意它可能會導致新的問題,而不是解決問題。
上一篇html5單選題代碼
下一篇html5單選框實現代碼