CSS中最后一個元素指的是某個選擇器下的最后一個子元素。它可以使用:last-child
或:last-of-type
偽類來實現。
:last-child
這個偽類可以匹配任何父元素下的最后一個子元素,無論它是什么類型。例如下面這段HTML代碼:
<ul> <li>蘋果</li> <li>梨子</li> <li>香蕉</li> </ul>
可以用以下CSS樣式來選取最后一個LI元素:
li:last-child { color: red; }
這樣就會使最后一個LI元素變成紅色。
而:last-of-type
偽類只會選取同一類型中的最后一個子元素。例如,如果我們使用以下HTML代碼:
<ul> <li>蘋果</li> <li>梨子</li> <span>香蕉</span> <li>草莓</li> </ul>
可以用以下CSS樣式來選取最后一個LI元素:
li:last-of-type { color: red; }
這樣會使“草莓”這個LI元素變成紅色。而“香蕉”這個span元素不會被選取,因為它不是一個LI元素。
在實際應用中,我們可以使用這些偽類來為頁面添加一些細節和色彩。
上一篇設置CSS水平線粗細
下一篇設置全局字體大小 css