CSS復合選擇器是什麼?復合選擇器是如何工作

2022-07-04 20:06:09 字數 878 閱讀 7107

選擇器

描述舉例

選擇器1 選擇器2

多元素選擇器。同時匹配選擇器1和選擇器2,多個選擇器之間用逗號隔開即可。

h1,h2,h3

e f

後代元素選擇器,匹配所有屬於e元素後代的f元素,e和f之間用空格隔開即可。

.box h1

e>f

子元素選擇器,匹配所有e元素的子元素為f

div >h1

e+f相鄰元素選擇器,匹配所有緊跟隨著e元素之後的同級元素f

div+div

成功不是打敗別人,而是改變自己。

成功不是打敗別人,而是改變自己。

成功不是打敗別人,而是改變自己。

成功不是打敗別人,而是改變自己。

CSS選擇器 復合選擇器

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

CSS 復合選擇器

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

CSS復合選擇器

css復合選擇器 復合選擇器是由兩個或多個基礎選擇器,通過不同的方式組合而成的,目的是為了可以選擇更準確更精細的目標元素標籤。交集選擇器 交集選擇器由兩個選擇器構成,其中第乙個為標籤選擇器,第二個為class選擇器,兩個選擇器之間不能有空格,如h3.special。記憶技巧 交集選擇器 是 並且的意...