在CSS中，選擇器是控制樣式應用的關鍵。除了基本的選擇器外，還有許多高級的選擇器，可以讓我們更好地掌控樣式。下面是一道關于高級CSS選擇器的試題：
/* HTML代碼 */
<div class="container">
<p class="title">標題</p>
<p class="content">內容</p>
<p class="content">內容</p>
<ul class="list">
<li>選項1</li>
<li>選項2</li>
<li>選項3</li>
</ul>
</div>
/* CSS代碼 */
.container p:last-of-type {
color: red;
}
.container li:nth-child(2n) {
background-color: #ccc;
}這道題中，我們要選取
容器內的最后一個
標簽，并將其文字顏色變為紅色；同時選取
- 列表內的第偶數個
- 標簽，并且將其背景顏色設為灰色。
這里使用到了兩種高級選擇器：
:last-of-type和:nth-child()。:last-of-type選擇器是CSS3的新特性，它選取同一父元素下相同類型的最后一個標簽。在這道題中，我們使用.container p:last-of-type來選取容器內的最后一個標簽。
:nth-child()選擇器可以根據元素在其父元素中的位置來選擇元素。在這道題中，我們使用.container li:nth-child(2n)來選擇- 列表內的第偶數個
- 標簽，并將其背景顏色設為灰色。
這兩種高級選擇器可以配合使用，以實現更為復雜的樣式。在實際應用中，我們可以根據具體情況選擇使用哪些選擇器，以達到最佳的樣式效果。
上一篇html 的鏈接跳轉代碼下一篇黑色線邊框怎么做.css - 標簽，并將其背景顏色設為灰色。