CSS選擇器 復合選擇器

選擇器

名稱

說明

css 版本

*通用選擇器

選擇所有元素

2元素選擇器

選擇指定型別的元素1#

id 選擇器

選擇指定 id 屬性的元素1.

class 選擇器

選擇指定 class 屬性的元素

1[attr]系列

屬性選擇器

選擇指定 attr 屬性的元素

2 ~ 3

s1,s2,s3…

分組選擇器

選擇多個選擇器的元素

1s1 s2

後代選擇器

選擇指定選擇器的後代元素

1s1 > s2

子選擇器

選擇指定選擇器的子元素

2s1 + s2

相鄰兄弟選擇器

選擇指定選擇器相鄰的元素

2s1 ~ s2

普通兄弟選擇器

選擇指定選擇器後面的元素

3::first-line

偽元素選擇器

選擇塊級元素文字的首行

1::first-letter

偽元素選擇器

選擇塊級元素文字的首字母

1::before

偽元素選擇器

選擇元素之前插入內容

2::after

偽元素選擇器

選擇元素之後插入內容

2將不同的選擇器進行組合形成新的特定匹配，我們稱為復合選擇器。

1.分組選擇器

p,b,i,span

2.後代選擇器

p b

元素內部所有元素。不在乎的層次深度。當然，後代選擇器也可以混合使用 id 選擇器、類選擇器、屬性選擇器。

3.子選擇器

ul > li

p + b

5.普通兄弟選擇器

p ~ b

偽選擇器分為兩種第一種是下節偽類選擇器，還有一種就是偽元素選擇器。這兩種選擇器特性上比較容易混淆，在 css3 中為了區分，偽元素前置兩個冒號（::），偽類前置乙個冒號（:）。

1.::first-line塊級首行

::first-line

等的首行文字被選定。如果想限定某種元素，可以加上前置 p::first-line。

2.::first-letter塊級首字母

::first-letter

3.::before文字前插入

a::before

4.::after文字後插入

a::before

CSS 復合選擇器

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

CSS復合選擇器

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

CSS復合選擇器

div span 又稱包含選擇器，用來選擇元素或元素組的後代，其寫法就是把外層標籤寫在前面，內層標籤寫在後面，中間 用空格分隔。當標籤發生巢狀時，內層標籤就成為外層標籤的後代。div span 由兩個選擇器構成，第乙個選擇器是標籤選擇器 也可以是其他的選擇器 第二個選擇器是class選擇器，兩個選擇...