- N +

css3選擇器有哪些 css常用選擇器

大家好,如果您還對(duì)css3選擇器有哪些不太了解,沒有關(guān)系,今天就由本站為大家分享css3選擇器有哪些的知識(shí),包括css常用選擇器的問題都會(huì)給大家分析到,還望可以解決大家的問題,下面我們就開始吧!

css復(fù)合選擇器有哪三種

1、元素選擇器標(biāo)簽名{}

2、id選擇器#id屬性值{}

3、類選擇器.class屬性值{}

4、選擇器分組(并集選擇器)

作用:通過它可以同時(shí)選中多個(gè)選擇器對(duì)應(yīng)的元素(通常用于集體聲明)

語(yǔ)法:選擇器1,選擇器2,選擇器n{}

5、復(fù)合選擇器(交集選擇器)

作用:選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性

語(yǔ)法:選擇器1選擇器2選擇器n{}

!注意選擇器之間不能有空格,要緊挨在一起

6、通配選擇器

作用:用來選中頁(yè)面中所有的元素

語(yǔ)法:*{}

7、后代元素選擇器

作用:選中指定元素的指定后代元素

語(yǔ)法:祖先元素后代元素{}

8、子元素選擇器

作用:選中指定父元素的子元素

語(yǔ)法:父元素>子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態(tài)

:hover移入時(shí)元素的狀態(tài)

:visited已被訪問過后的元素的狀態(tài)

:active被點(diǎn)擊時(shí)元素的狀態(tài)

10、屬性選擇器

作用:根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素

語(yǔ)法:[屬性名]選取含有指定屬性的元素

?[屬性名=“屬性值”]選取含指定屬性值的元素

?[屬性名^="屬性值"]選取屬性值以指定內(nèi)容開頭的元素

?[屬性名$="屬性值"]選取屬性值以指定內(nèi)容結(jié)尾的元素

?[屬性名*="屬性值"]選取屬性值包含指定內(nèi)容的元素

11、兄弟元素選擇器

+選擇器

作用:選中一個(gè)元素后緊挨著的指定的兄弟元素

語(yǔ)法:前一個(gè)+后一個(gè)(作用在后一個(gè))

~選擇器

作用:選中后邊所有的制定兄弟元素

語(yǔ)法:前一個(gè)~后邊所有

css層次選擇器怎么用

1.CSS層次選擇器可以用來選擇指定元素的子元素、后代元素、相鄰元素或者同級(jí)元素。2.例如,可以使用空格選擇器來選擇某個(gè)元素下的所有子元素,使用大于號(hào)選擇器來選擇某個(gè)元素的直接子元素,使用加號(hào)選擇器來選擇某個(gè)元素的相鄰?fù)?jí)元素,使用波浪號(hào)選擇器來選擇某個(gè)元素的后代元素。3.CSS層次選擇器的使用可以幫助我們更加精準(zhǔn)地控制網(wǎng)頁(yè)元素的樣式,提高網(wǎng)頁(yè)的可讀性和美觀度。同時(shí),我們也可以通過組合不同的層次選擇器來實(shí)現(xiàn)更加復(fù)雜的樣式控制。

使用css3的屬性選擇器設(shè)置搜索

通過設(shè)置搜索框的width屬性和heoght屬性來設(shè)置搜索框的大小。

CSS3 用什么表示子代選擇器

CSS3中的關(guān)系選擇器主要包括子代選擇器和兄弟選擇器,其中子代選擇器由符號(hào)連接,兄弟選擇器由符號(hào)“+”和“~”連接,具體如下所示。

(1)關(guān)系選擇器

例如:h1>strong

說明:表示選擇嵌套在h1標(biāo)記的子標(biāo)記strong。

(2)臨近兄弟選擇器

例如:h2+p

說明:表示選擇h2標(biāo)記后緊鄰的第一個(gè)兄弟標(biāo)記p。

(3)普通兄弟選擇器

例如:p~h2

說明:表示選擇p標(biāo)記所有的h2兄弟標(biāo)記

css選擇器識(shí)別范圍

css選擇器優(yōu)先級(jí)核心:每個(gè)選擇器本身有優(yōu)先級(jí),作用范圍越具體優(yōu)先級(jí)越高。

CSS優(yōu)先級(jí)從高到低分別是:

1.在屬性后面使用!important會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的元素樣式。

2.作為style屬性寫在元素標(biāo)簽上的內(nèi)聯(lián)樣式

3.id選擇器

4.類選擇器

5.偽類選擇器

6.屬性選擇器

7.標(biāo)簽選擇器

8.通配符選擇器

9.瀏覽器選擇器

當(dāng)CSS樣式的規(guī)則由多個(gè)選擇器組成時(shí),id選擇器的權(quán)值為1000,class選擇器為100,標(biāo)簽選擇器為10,按權(quán)值求和的記過高低決定哪個(gè)優(yōu)先。當(dāng)兩個(gè)css規(guī)則的權(quán)值相同時(shí),誰更具體用誰,也就是權(quán)值高的選擇器作用的越具體優(yōu)先級(jí)越高。當(dāng)兩個(gè)選擇器規(guī)則和權(quán)值都是一樣,后面樣式會(huì)覆蓋前面的!

END,本文到此結(jié)束,如果可以幫助到大家,還望關(guān)注本站哦!

返回列表
上一篇:
下一篇: