CSS中選擇器大于號(hào)是一種非常有用的選擇器,可以讓我們更方便地選取到特定的元素。其語法如下:
selector1 >selector2 { /* CSS rules */ }
其中,selector1 是要選擇的元素的父元素,而 selector2 則是要選擇的子元素。這個(gè)選擇器表示我們只想選取 selector1 的子元素中符合 selector2 的元素。
舉個(gè)例子,在下面的 HTML 代碼中:
<ul class="list"> <li>Item 1</li> <li>Item 2</li> <li> <a href="#">Link 1</a> </li> <li> <a href="#">Link 2</a> </li> </ul>
如果我們想將列表中所有鏈接的顏色改為紅色,我們可以這樣寫:
.list > li > a { color: red; }
這里,selector1 是 .list,而 selector2 是 a,這樣我們就只會(huì)選取到 .list 的子元素 li 中的 a 元素了。
需要注意的一點(diǎn)是,這個(gè)選擇器只會(huì)選擇直接子元素,也就是說,如果子元素的子元素也符合 selector2 的話,并不會(huì)被選中。