CSS復合選擇器

兩個或者兩個以上的基礎選擇器通過不同的方式連線在一起

標籤+類（id）選擇器

特點：即要滿足使用了某個標籤，還要滿足使用了類（id）選擇器。

<

style 
type
="text/css"
>
.box 
div.box 
#miss 
div#miss 
style
>
head
>
<
body
>
<
div 
class
="box"
>即要滿足使用了某個標籤，
div>
<
p class
="box"
>還要滿足使用了類（id）選擇器。
p>
<
div 
id="miss"
>兩個或者兩個以上的基礎選擇器通過不同的方式連線在一起。
div>
body
>

選擇器+空格+選擇器

後代選擇器首選要滿足包含（巢狀）關係。

父集元素在前邊，子集元素在後邊。

特點：無限制隔代。只要能代表標籤，標籤、類選擇器、id選擇器自由組合。

<

style 
type
="text/css"
>
.box 
div p span 
style
>
head
>
<
body
>
<
div>
<
p><
span
>後代選擇器首選要滿足包含（巢狀）關係。
span
>
p>
div>
<
div>
無限制隔代。
只要能代表標籤，標籤、類選擇器、id選擇器自由組合。
div>
body
>

選擇器》選擇器

選中直接下一代元素。

<

style 
type
="text/css"
>
div>span
style
>
head
>
<
body
>
<
div>
<
p><
span
>************
span
>
p>
<
span
>選中直接下一代元素。
span
>
div>

選擇器+，+選擇器+，選擇器

<

style 
type
="text/css"
>
div,p,span,h1
style
>
head
>
<
body
>
<
div>選擇器淒淒切切群群
div>
<
p>惺惺惜惺惺想尋尋尋尋尋尋尋尋尋尋
p>
<
span
>錢錢錢錢錢錢錢錢錢
span
>
<
h1>nnnnnnnnnnnnnnnnn
h1>
body
>

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。記憶技巧 交集選擇器 是 並且的意...