首頁  >  文章  >  web前端  >  css中的「>」是什麼意思

css中的「>」是什麼意思

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-06-01 15:42:2520821瀏覽

css中的“>”是指子代元素,是CSS3特有的選擇器,“父元素>子元素”表示選擇父元素的所有子元素,與“父元素子元素”的差別在於,「父元素子元素」選擇所有後代元素,「父元素>子元素」只選擇一代。

css中的「>」是什麼意思

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

這些是CSS3特有的選擇器,E > F 表示選擇E元素的所有子F元素,與E F的差別在於,E F選擇所有後代元素,>只選擇一代。沒有<的用法。

E F表示HTML中緊接在E的F元素。

nth-child是個偽類別的用法,如p:nth-child(2)就表示在p的父元素中選擇位居第二位的p,這個可能不太好理解。

擴充資料:

CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支援幾乎所有的字體字號樣式,擁有對網頁物件和模型樣式編輯的能力。

技術應用程式

在HTML檔案裡加一個超級連結, 引入外部的 CSS 文件。這個方法最方便管理整個網站的網頁風格, 它讓網頁的文字內容與版面設計分開。只要在一個CSS文檔內(擴展名為 CSS) 定義好網頁的風格,然後在網頁中加一個超級鏈接連接到該文檔,那麼網頁就會按照在CSS文檔內定義好的風格顯示出來。

推薦學習:css影片教學

#

以上是css中的「>」是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn