css中大於符號是什麼意思

css中大於符號是css3特有的子元素選擇器，子元素選擇器只能選擇作為某元素子元素的元素，其語法如「h1 > strong {color:red;}」。

本文操作環境：windows10系統、css3、thinkpad t480電腦。

推薦：《css影片教學》

css中大於符號（「>」）代表的是css3特有的子元素選擇器（element>element ） 。子元素選擇器（Child selectors）只能選擇作為某元素子元素的元素。

如果你不希望選擇任意的後代元素，而是希望縮小範圍，只選擇某個元素的子元素，請使用子元素選擇器（Child selector）。

例如，如果您希望選擇只作為h1 元素子元素的strong 元素，可以這樣寫：

h1 > strong {color:red;}

這個規則會把第一個h1 下面的兩個strong 元素變成紅色，但是第二h1 中的strong 不受影響：

範例：

This is very very important.
This is really very important.

css 子元素選擇器

element>element 選擇器用於選擇特定父元素。

注意：元素沒有被選中是不能直接指定父級的子元素。

子選擇器使用了大於號（子結合符）。

子結合符兩邊可以有空格符，這是可選的。因此，以下寫法都沒有問題：

h1 > strong
h1> strong
h1 >strong
h1>strong

如果從右向左讀，選擇器 h1 > strong 可以解釋為「選擇作為 h1 元素子元素的所有 strong 元素」。

以上是css中大於符號是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！