派生選擇器:通過依據(jù)元素在其位置的上下文關(guān)系來定義樣式
li strong{
color: blueviolet;
}
strong{
color: blue;
}
<p><strong>p 標(biāo)簽 hello Css</strong></p> //最終以strong樣色為準(zhǔn)
<ul>
<li><strong>li標(biāo)簽 hello Css</strong></li> //最終以li strong為準(zhǔn)
</ul>
id 選擇器
1.id 選擇器 :
- id 選擇器可以標(biāo)有id 的HTML元素指定的樣式
- id 選擇器以 “#” 來定義
2.id 選擇器和派生選擇器
目前比較常用的是id 選擇器常常用于建立派生選擇器
常用的標(biāo)簽選擇器成為派生選擇器宫莱,與id 選擇器配合使用可以決定單獨(dú)一塊的樣式
一個(gè)帶有id 的div 標(biāo)簽授霸,只是針對內(nèi)部的p標(biāo)簽進(jìn)行設(shè)置
#divid p{
color: aqua;
}
類選擇器
1.類選擇器 :類選擇器以一個(gè)點(diǎn)顯示
2.class 也可以用作派生選擇器
用法同id 選擇器 與派生選擇器一起使用
<div class="divclass">
hello Div <p>p標(biāo)簽</p>
</div>
.divclass p{
color: blueviolet;
}
屬性選擇器
1.屬性選擇器:
對帶有指定屬性的HTML元素設(shè)置樣式
2.屬性和值選擇器
屬性選擇器.png