css裡大於號表示什麼

藏色散人
發布: 2022-12-30 11:11:47
原創
4436 人瀏覽過

css裡大於號表示css3特有的子元素選擇器;子元素選擇器只能選擇作為某元素子元素的元素;如果你不希望選擇任意的後代元素,而是希望縮小範圍,只選擇某個元素的子元素,就可以使用子元素選擇器。

css裡大於號表示什麼

本教學操作環境:windows7系統、css3版本、Dell G3電腦。

建議:css影片教學

css指的是層疊樣式表(Cascading Style Sheets),它是一種用來表現HTML或XML等檔案樣式的電腦語言,是用來表示html樣式的一種程式語言,是可以做到網頁和內容進行分離的一種樣式語言。

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中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!