在CSS中,我們可以使用標(biāo)簽選擇器來直接選中一個HTML標(biāo)簽,并對其進(jìn)行樣式的設(shè)置。但是,在某些情況下,我們希望僅僅選中某個標(biāo)簽下的另一個標(biāo)簽,這時我們就需要使用選擇標(biāo)簽下的標(biāo)簽的方法。
使用方法非常簡單,只需要在標(biāo)簽選擇器后面加上被選中標(biāo)簽的類名或ID即可。
父標(biāo)簽{ 子標(biāo)簽類名{ 樣式1; 樣式2; } }
例如,我們有如下一些HTML代碼:
<div class="container"> <h1>這是一個標(biāo)題</h1> <p>這是一個段落</p> <ul class="list"> <li>這是列表項1</li> <li>這是列表項2</li> <li>這是列表項3</li> </ul> </div>
現(xiàn)在我們想要選中列表項(<li>)并將其文字顏色設(shè)為紅色,這時我們只需要使用以下代碼:
.container{ .list li{ color: red; } }
這樣就可以只選中列表項而不影響其他的標(biāo)簽了。