CSS3 的選擇器給我們提供了更多的選擇元素的方法,其中之一就是選擇所有的子元素。使用“>”符號(hào),我們可以選擇一個(gè)元素的所有直接子元素。
比如說,如果我們想要選擇一個(gè) div 元素下的所有直接子元素,可以這樣寫:
div > *
這里的“*”符號(hào)表示選擇所有的元素。
如果我們只想選擇 div 下的直接子元素中的 p 元素,可以這樣寫:
div > p
這樣就只會(huì)選擇 div 直接子元素中的 p 元素。
如果我們想要選擇 div 下的所有直接子元素中的第一個(gè) p 元素,可以使用“:first-child”偽類:
div > p:first-child
這樣就會(huì)選擇 div 下的所有直接子元素中的第一個(gè) p 元素。
還可以使用“:last-child”偽類來選擇最后一個(gè)直接子元素。例如:
div > p:last-child
這樣就會(huì)選擇 div 下的所有直接子元素中的最后一個(gè) p 元素。
不過需要注意的是,使用“>”符號(hào)選擇子元素只會(huì)選擇直接子元素,而不會(huì)選擇更深層次的子元素。