The:last-child 選擇器在 HTML5 中未按預期工作

last-child 選擇器用於選擇某個父元素的最後一個子元素。無法使用此選擇器來選擇給定父元素下的最後一個具有特定類別的子元素。

使用背景顏色設定最後一個 li 元素的樣式 −

li:last-child{
   background-color: blue;
}

但如果該元素不是最後一個元素，會產生問題。

我們來看一個關於 <a> 的示例 −

如果你的選擇器是 a:last-child，則以下有效 −

<div>
   <a></a>
   <a>This will be selected</a>
</div>

Ankith Reddy

更新時間：2020 年 6 月 24 日

332 次瀏覽

開啟你的 職業征程

完成課程以獲得認證

開始學習