如何在 IE8 中使用 nth-child 來定位清單中的特定元素？

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中文網其他相關文章！