CSS復合選擇器與標籤顯示模式

2021-10-10 17:32:04 字數 983 閱讀 6928

宣告:本人的所有部落格皆為個人筆記,作為個人知識索引使用,因此在敘述上存在邏輯不通順、跨度大等問題,希望理解。分享出來僅供大家學習翻閱,若有錯誤希望指出,感謝!

子元素選擇器只能選擇作為某元素**子元素(親兒子,不包含孫子 重孫子之類)**的元素。

其寫法就是把父級標籤寫在前面,子級標籤寫在後面,中間跟乙個>進行連線

父級》子級
交集選擇器由兩個選擇器構成,找到的標籤必須滿足:既有標籤一的特點,也有標籤二的特點。

標籤選擇器.類選擇器		//標籤選擇器和類選擇器之間沒有空格
選擇器1,選擇器2,……

寫的時候,他們的順序盡量不要顛倒 按照 lvha 的順序。否則可能引起錯誤

:first-line 選取文字塊首行字元

:first-letter 選取文字塊首行首個字元

:selection 選取文件中高亮(反白)的部分

:inactive-selection 選取非活動狀態時文件中高亮(反白)的部分

:spelling-error 選取被 ua 標記為拼寫錯誤的文字

:grammar-error 選取被 ua 標記為語法錯誤的文字

:before 在選中元素中建立乙個前置的子節點

:after 在選中元素中建立乙個後置的子節點

:marker 選取列表自動生成的專案標記符號 */ *

:placeholder 選取欄位的佔位符文字(提示資訊)

:cue 匹配所選元素中 webvtt 提示

:backdrop 匹配全屏模式下的背景

常見的行內元素有、、、、

、、

、、等,其中標籤最典型的行內元素。有的地方也成內聯元素

行內元素的特點:

注意:

css復合選擇器,標籤顯示模式

理解 理解css復合選擇器分別的應用場景 應用 1.使用後代選擇器給元素新增樣式 2.使用並集選擇器給元素新增樣式 3.使用偽類選擇器 目的 是為了可以選擇更準確更精細的目標元素標籤 概念 後代選擇器又稱為包含選擇器 作用 用來選擇元素組的子孫後代 語法 class h3 作用 子元素選擇器只能選擇...

CSS選擇器 復合選擇器

選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...

CSS 復合選擇器

以前介紹了3種 標記選擇器 類別選擇器 id選擇器 基本的選擇器,以這3種基本選擇器為基礎,通過組合,還可以產生更多種類的選擇器,實現更強 更方便的選擇功能,復合選擇器就是由基本選擇器通過不同的連線方式構成的。復合選擇器就是兩個或多個基本選擇器,通過不同方式連線而成的選擇器。1.交集 選擇器 交集 ...