預期中不工作的 HTML5 :last-child 選擇器

last-child 選擇器用於選擇父級的最後一個子元素。它不能用來選擇在給定父元素下具有特定類名的最後一個子元素。

用 background-color 設定最後一個子元素 li 的樣式-

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

如果該元素不是最後一個元素，則會出現問題。

讓我們看一個 <a> 的例子 -

如果你的選擇器是 a:last-child，則是這樣的 -

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

Ankith Reddy

更新日期：2020 年 06 月 24 日

332 瀏覽

開啟您的職業生涯

透過完成課程獲得認證

開始學習