Internet Explorer 8 中CSS nth Child() 支援的疑難排解
使用CSS 設計網頁樣式時,第nth child() 元素通常是用於將規則套用於父元素內的特定子元素。但是,Internet Explorer 8 本身並不支援第 n 個 child() 元素。
解決方案
要克服此限制,您可以採用以下方法之一:
使用Polyfill:
Selectivizr 是一個可靠的polyfill,增強了Internet Explorer 的CSS 支援。它提供了第 n 個 child() 元素的跨瀏覽器實現,使您能夠在表格行中實現所需的斑馬條紋效果。
沒有 Polyfill:
或者,您可以利用 Internet Explorer 8 對第一個子元素的支援來模擬第 n 個 child() 行為。可以應用以下技巧:
/*li:nth-child(2)*/ li:first-child + li {} /*Works for IE8*/
請注意,雖然此方法允許您定位特定的子元素,但它不提供對複雜選擇器的支持,例如nth-child(2n 1) 或nth- child (奇數)。
以上是如何在 Internet Explorer 8 中設定第 n 個子元素的樣式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!