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

css基本選擇器有幾種,css中選擇器是什么意思

老白2年前28瀏覽0評論

css基本選擇器有幾種,css中選擇器是什么意思?

要使用css對HTML頁面中的元素實(shí)現(xiàn)一對一,一對多或者多對一的控制,這就需要用到CSS選擇器。HTML頁面中的元素就是通過CSS選擇器進(jìn)行控制的。

每一條css樣式定義由兩部分組成,形式如下:[code] 選擇器{樣式} [/code] 在{}之前的部分就是“選擇器”。“選擇器”指明了{(lán)}中的“樣式”的作用對象,也就是“樣式”作用于網(wǎng)頁中的哪些元素。

css基本選擇器有幾種,css中選擇器是什么意思

標(biāo)簽選擇器有哪些?

1. 標(biāo)簽名選擇器 div { color:Red;} /即頁面中的各個(gè)標(biāo)簽名的css樣式

2.類選擇器 .divClass {color:Red;} /即定義的每個(gè)標(biāo)簽的class 中的css樣式

3.ID選擇器 #myDiv {color:Red;} /即頁面中的標(biāo)簽的id

4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} /即多個(gè)選擇器以逗號的格式分隔 命名找到準(zhǔn)確的標(biāo)簽

5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標(biāo)簽分組顯示

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.動態(tài)偽類:鼠標(biāo)移入(hover),點(diǎn)擊之后(focus)

css和jquery有什么區(qū)別?

jQuery

jQuery是一個(gè)快速、簡潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。

jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

CSS (層疊樣式表)

層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。