在 CSS 中,大于號(greater than sign)是一種選擇器,用于選擇指定元素的子元素。
/* 選擇 .parent 下所有的子元素 p */ .parent >p { color: red; }
上述代碼中,大于號 ">" 就是選擇器。它在選擇 .parent 元素中的所有 p 子元素時為必要的。注意,此處用到了一個 "子元素"(direct child)的概念。
大于號只能選擇子元素,不能選擇所有子子孫孫元素。
/* 選擇不是 ul 子元素的 li 元素 */ :not(ul) >li { color: blue; }
在上面這個例子中,大于號選擇了所有不是 ul 元素的 li 元素,但它不會選擇 ul 元素下的 li 元素。
大于號選擇器是一個非常實用的選擇器,特別是在通過 CSS 設計動態網頁時,可以非常精確定位目標元素的位置。