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

css的選擇器有哪些如何使用,css中h1是什么選擇器

老白2年前41瀏覽0評論

css的選擇器有哪些如何使用,css中h1是什么選擇器?

.h1是類選擇器

#h1是id選擇器

h1是標簽選擇器

css的選擇器有哪些如何使用,css中h1是什么選擇器

input標簽中type怎么用css選擇?

可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標簽。

1、新建html文檔,添加5個input標簽,其中第一個和最后一個“type”屬性的屬性值為“text”:

2、在head標簽和body標簽之間添加style標簽,添加代碼“input[type=text]”,“input”指的是標簽名,“type”指的是屬性名,“text”指的是屬性值,這個就會把所有屬性名為“type”、屬性值為“text”的input標簽選中:

3、為被選擇的標簽設置背景色為紅色,這時屬性值為“text”的第一個標簽和最后一個標簽背景色都變成了紅色:

css派生選擇器有幾種?

基本選擇器

1.標簽選擇器:直接用元素的標簽來進行選擇

span { // 直接選擇span標簽

size:16px;

}

1

2

3

1

2

3

2.ID選擇器:通過設置id名字,進行精確的選擇,用#來定義

# div1 { //通過id名字來進行選擇

color:red;

}

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

1

2

3

4

1

2

3

4

3.類選擇器:通過類名來進行選擇,選擇范圍比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.通配符選擇器:范圍更大,作用于所有標簽,用*來定義

不建議使用,對頁面加載負擔大

高級選擇器

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

div span { //選擇的是div標簽下的span標簽,當然后代顧名思義可以不止隔一代,可以隔多代進行選擇

color:red;

}

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

1

2

3

4

1

2

3

4

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

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

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標簽的 2.id名是a1的元素,兩個條件滿足一個即可

color:red;

}

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

<span >1</span>

1

2

3

4

5

1

2

3

4

5

4.偽類選擇器:

1.靜態偽類:點擊連接之前(link),點擊連接之后(visited)這樣的

2.動態偽類:鼠標移入(hover),點擊之后(focus)

css規則定義有哪些選擇符?

css選擇符(選擇器)有以下這些:

1、通配選擇符( * ):匹配任意元素。

2、id選擇符( # myid):匹配 ID 等于“myid”的任意元素 。

3、類選擇符(.myclassname):匹配 class 等于“myclassname”的任意元素.

4、標簽選擇符(div, h1, p):選擇指定元素名稱的所有元素。

5、相鄰選擇符(E + F):用于選擇(不是內部)指定的第一個元素之后緊跟的元素。

6、子選擇符(E > F):用于選取帶有特定父元素的元素,例ul > li,選擇所有父級是 <ul> 元素的每個 <li> 元素。(學習視頻分享:css視頻教程)

7、后代選擇符(E F):用于選取元素內部的元素。

8、偽類和偽元素選擇符:用于向某些選擇器添加特殊的效果。