css常用的三種選擇器解釋

css
木子
239
2021-05-12 18:11:08

css常用的三種選擇器解釋：1、標(biāo)簽選擇器。2、class選擇器。3、id選擇器。


css常用的三種選擇器解釋


1、標(biāo)簽選擇器

樣式的名稱要與標(biāo)簽名稱相同，且代碼中的p標(biāo)簽(<p>標(biāo)簽選擇器</p>)對(duì)應(yīng)已設(shè)置好的p的樣式(p{color:blue;})，如果頁(yè)面中存在多個(gè)p標(biāo)簽，則這些p標(biāo)簽共同享用這個(gè)樣式。

代碼案例：

p{
　　color:blue;
}
<p>標(biāo)簽選擇器</p>

2、class選擇器

一個(gè)樣式可以多次使用，一個(gè)class中可以有多個(gè)樣式。

3、id選擇器

一個(gè)頁(yè)面中不能出現(xiàn)在多個(gè)標(biāo)簽中存在同樣的id名稱，id選擇器并不像class選擇器可以被多次使用，它只能在同一個(gè)頁(yè)面中被使用一次。

優(yōu)先級(jí)

id選擇器>class選擇器>標(biāo)簽選擇器


1 踩