如何在保持跨瀏覽器相容性的同時設定清單中最後一個元素的樣式？

使用最後一個子選擇器：解決跨瀏覽器相容性問題

嘗試將CSS 應用於清單中的最後一個元素時(例如，

），使用:last-child 選擇器可能會遇到困難。雖然看起來很簡單，但此選擇器的跨瀏覽器支援有限。

值得注意的是，Internet Explorer 9 之前的版本和 Safari 3.2 之前的版本無法辨識 :last-child 偽類。此外，Internet Explorer 7 和 Safari 3.2 支援 :first-child 但不支援 :last-child。

解決方案：明確添加類別

為了確保跨瀏覽器的兼容性，不要依賴:last-child，而是向最終元素添加一個類別屬性，例如last-child。然後，使用該類別選擇器（例如 li.last-child）套用 CSS。這可確保將所需的樣式套用至預期的元素。

以上是如何在保持跨瀏覽器相容性的同時設定清單中最後一個元素的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！