在CSS中,可以使用“>”符號(hào)來表示上一級(jí)元素,如果有一個(gè)HTML結(jié)構(gòu)如下:
<div> <p>這是一段文本</p> <div> <p>這是另一段文本</p> </div> </div>
在這個(gè)HTML結(jié)構(gòu)中,我們可以通過CSS選擇器中“>”符號(hào)來選擇上一級(jí)元素,要選擇***外層的div元素,可以使用以下CSS選擇器:
div > p { color: red; }
這個(gè)CSS選擇器會(huì)將***外層的div元素中的所有p元素的文字顏色設(shè)置為紅色,同樣地,如果我們想要選擇第二個(gè)div元素中的所有p元素,可以使用以下CSS選擇器:
div > div > p { color: blue; }
這個(gè)CSS選擇器會(huì)將第二個(gè)div元素中的所有p元素的文字顏色設(shè)置為藍(lán)色,需要注意的是,如果第二個(gè)div元素中有嵌套的div元素,那么這個(gè)CSS選擇器也會(huì)選擇那些嵌套的div元素中的p元素。