使用:last-child 將CSS 應用到最後一個列表項
嘗試只設定最後一個清單項目的樣式(
但是,此方法失敗選擇最後一個清單項目。此問題源自於瀏覽器對 :last-child 偽類的支援有限。
瀏覽器相容性問題
儘管 :last-child 在現代瀏覽器中廣泛使用,但它並不是普遍支持。 9 之前的 Internet Explorer 版本和 3.2 之前的 Safari 版本顯然不支援它。
替代解決方案
要解決此相容性問題,建議明確添加last-child 或類似的類別到所需的列表項,並將樣式應用於li.last-child 。此方法確保了各種瀏覽器的兼容性:
以上是如何在 CSS 中設定最後一個清單項目的樣式,同時保持跨瀏覽器相容性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!