在CSS中,子元素選擇器可以用于選擇元素的直接子元素。子元素可以是任何元素類型,只要它是另一個(gè)元素的后代元素。
/* 選中p元素下的所有直接子元素 */ p >* { border: 1px solid black; }
上面的代碼表示,在選擇器中使用“>”來(lái)選中p元素的所有直接子元素,并將它們的邊框設(shè)置為1像素的黑色線條。
使用子元素選擇器是非常靈活的,可以用于控制不同層級(jí)元素的樣式和行為。下面是一個(gè)例子,將所有l(wèi)i元素的文本顏色設(shè)為紅色:
/* 選中ul的直接子元素li */ ul >li { color: red; }
上面的代碼會(huì)選中一個(gè)ul元素中所有直接子元素為li的元素,并將它們的文本顏色設(shè)置為紅色。
子元素選擇器是CSS中強(qiáng)大的選擇器之一,為網(wǎng)頁(yè)設(shè)計(jì)人員提供了更多的選擇和靈活性。