CSS一級子標簽操作 CSS有眾多選擇器，其中有一個比較特殊，叫做一級子標簽選擇器。 一級子標簽選擇器只能選中某個元素的第一級子元素，沒有子元素或非直接子元素都不會被選中。 比如一個ul列表，ul下面有多個li，而li又可能嵌套了其他元素，我們只需要選中ul的直接子元素li，便可以使用如下代碼： ``` ul >li { color: red; } ``` 如果li中含有其他子元素，如p、span等，這些子元素不會受到影響，只有直接子元素li的文字顏色才會變成紅色。 我們可以再看一個例子： ```div >p { color: blue; } ``` 這里選中了父元素div的直接子元素p，并將其文字變成了藍色。而div的子元素p，在第二級div下面的和第一級div下面的，都被選中了。 如果我們使用后代選擇器，也就是這樣的代碼： ``` div p { color: red; } ``` 這個選擇器會選中所有父元素為div的p標簽，不管這個p標簽在div的哪一個子元素下面。這樣就失去了一級子標簽選擇器的特殊性。 總結一下，一級子元素選擇器使用“>”符號，只對直接子元素有效；使用一級子元素選擇器可以很方便地選中指定元素的直接子元素，省去了使用后代選擇器時的不必要元素選中。