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

css中的基本選擇器有哪些,css類選擇器用什么做前綴表示

老白2年前40瀏覽0評論

css中的基本選擇器有哪些,css類選擇器用什么做前綴表示?

>10 CSS類選擇器也就是選擇html編碼中標明為特定Class(類)的元素.如<p Class="mytest">這是我要編輯的段落</p>,在CSS文件中可用 .mytest{ }來表達想要顯示的樣式。簡單地說,CSS類選擇器用" . "做前綴。

css中的基本選擇器有哪些,css類選擇器用什么做前綴表示

css新元素是選擇器還是別的?

css中的所有元素都是選擇器,不論新元素還是舊元素,都是對標簽的選擇。

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選擇器權重如何計算?

很古老的話題了

id=100

class=10

tag(標簽)=1

按照這個規律去計算,比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規則,這個觀念很好,可以從側面杜絕權重問題的產生,還有一個就是提高權重的方法 !important;