大家好,如果您還對(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)注本站哦!