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 不受影響:
範例:
css 子元素選擇器
element>element 選擇器用於選擇特定父元素。
注意:元素沒有被選中是不能直接指定父級的子元素。
子選擇器使用了大於號(子結合符)。
子結合符兩邊可以有空格符,這是可選的。因此,以下寫法都沒有問題:
h1 > strong h1> strong h1 >strong h1>strong
如果從右向左讀,選擇器 h1 > strong 可以解釋為「選擇作為 h1 元素子元素的所有 strong 元素」。
以上是css中大於符號是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!