欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css選擇器類型推薦,css3中偽類選擇器由什么組成

老白2年前30瀏覽0評論

css選擇器類型推薦,css3中偽類選擇器由什么組成?

w3c規(guī)范中偽類有:

active、hover、link、visited 【css1】

所有主流瀏覽器都支持以上偽類,但是只在對標(biāo)簽上的支持最好。

【css2】的有3個(gè)

focus : 如果規(guī)定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)

first-child:必須聲明<!doctype>才能夠確保在ie中正常支持

lang:如果規(guī)定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)

css選擇器類型推薦,css3中偽類選擇器由什么組成

css派生器區(qū)別是什么?

派生選擇器 可以使一個(gè)元素里的子元素定義樣式 例如: li a { font-size:14px} 就是給li下的子元素a定義一個(gè)14px號像素的字體樣式 類別選擇器 在html中引入css樣式通常由,類別選擇器 在CSS中用一個(gè)“.”點(diǎn)開頭表示 如:.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中,用class="類別名"的方法調(diào)用: 這里是內(nèi)容 類別選擇器方法比較簡單靈活,可以隨時(shí)根據(jù)頁面的需求新建和刪除 還有,id選擇器 在CSS中用“#”號開頭表示 如:#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中,用id="類別名"的方法調(diào)用: 這里是內(nèi)容 id選擇器和類別選擇器其實(shí)是一樣的 通常id選擇器僅是用來表示不重復(fù)的樣式 相對的來說,類別選擇器靈活一些,而id選擇器僅表示重要的樣式字段

css派生選擇器有幾種?

基本選擇器

1.標(biāo)簽選擇器:直接用元素的標(biāo)簽來進(jìn)行選擇

span { // 直接選擇span標(biāo)簽

size:16px;

}

1

2

3

1

2

3

2.ID選擇器:通過設(shè)置id名字,進(jìn)行精確的選擇,用#來定義

# div1 { //通過id名字來進(jìn)行選擇

color:red;

}

<div id="div1">1</div>

1

2

3

4

1

2

3

4

3.類選擇器:通過類名來進(jìn)行選擇,選擇范圍比id選擇器大,用’.'來定義

.div1 { //所有類名為div1的都被選擇了

color:red;

}

<div id="div1">1</div>

<div id="div1">1</div>

<div id="div1">1</div>

1

2

3

4

5

6

1

2

3

4

5

6

4.通配符選擇器:范圍更大,作用于所有標(biāo)簽,用*來定義

不建議使用,對頁面加載負(fù)擔(dān)大

高級選擇器

1.后代選擇器:定義用空格隔開

div span { //選擇的是div標(biāo)簽下的span標(biāo)簽,當(dāng)然后代顧名思義可以不止隔一代,可以隔多代進(jìn)行選擇

color:red;

}

<div><span>1</span></div>

1

2

3

4

1

2

3

4

2.交集選擇器:與后代選擇器定義的不同是,沒有空格隔開,兩個(gè)元素緊挨著

span#a1 { //選擇的是兩個(gè)條件1.既是span標(biāo)簽的 2.id名是a1的元素,兩個(gè)條件缺一不可

color:red;

}

<span id=“a1”>1</span>

<span >1</span>

1

2

3

4

5

1

2

3

4

5

3.并集選擇器:定義用逗號隔開

span,#a1 { //選擇的是1.是span標(biāo)簽的 2.id名是a1的元素,兩個(gè)條件滿足一個(gè)即可

color:red;

}

<span id=“a1”>1</span>

<span >1</span>

1

2

3

4

5

1

2

3

4

5

4.偽類選擇器:

1.靜態(tài)偽類:點(diǎn)擊連接之前(link),點(diǎn)擊連接之后(visited)這樣的

2.動(dòng)態(tài)偽類:鼠標(biāo)移入(hover),點(diǎn)擊之后(focus)

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

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

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

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

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

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

語法:選擇器1,選擇器2,選擇器n{ }

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

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

語法:選擇器1選擇器2選擇器n{ }

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

6、通配選擇器

作用:用來選中頁面中所有的元素

語法:*{ }

7、后代元素選擇器

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

語法:祖先元素 后代元素{ }

8、子元素選擇器

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

語法:父元素>子元素

9、偽類選擇器

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

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

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

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

10、 屬性選擇器

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

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

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

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

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

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

11、兄弟元素選擇器

+選擇器

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

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

~選擇器

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

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