CSS中大于號的作用

CSS中使用大于號（>）來限定選擇器匹配的元素必須是指定元素的直接子元素。

舉個例子：

/* 選擇所有class為parent元素下的直接子元素 */
.parent >* {
color: red;
}

以上代碼會把.parent元素的所有直接子元素都設置為紅色。如果有多層子元素，如下所示：

<div class="parent">
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
</div>

那么只有ul元素中的li元素會被設置為紅色，其他的子元素會被忽略。

使用大于號可以幫助我們更加精確地選擇元素，使得樣式更加直觀、清晰。