IE8 中的Nth-Child 和:before
使用nth-child 來定位清單中特定元素的能力是一個強大的CSS可惜的是,Internet Explorer 8 (IE8) 不支援該功能。在處理複雜的 HTML 佈局時,這可能是一個重大障礙。
但是,有一種解決方法可以使用相鄰同級組合器 ( ) 在 IE8 中實現類似的功能。這個技巧涉及定位第一個子元素,然後使用選擇器定位後續的兄弟元素。
例如,要定位列表中的第一個子元素並給它一個紅色邊框,我們可以使用以下CSS:
#nav-primary ul li:first-child a { border-top: 5px solid red; }
同樣,要定位第二個孩子並給它一個藍色邊框,我們可以使用:
#nav-primary ul li:first-child + li a { border-top: 5px solid blue; }
這種技術可以即使IE8 不支持:nth-child,也可以根據特定元素在清單中的位置來定位特定元素。但是,請務必注意,無法使用此方法模擬 :nth-child 的更複雜變體,例如 :nth-child(odd) 或 :nth-child(4n 3)。
以上是如何在 IE8 中使用 nth-child 來定位清單中的特定元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!