溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css選擇器的類型是什么

發(fā)布時間:2020-12-08 11:49:20 來源:億速云 閱讀:170 作者:小新 欄目:web開發(fā)

這篇文章主要介紹css選擇器的類型是什么,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

我們先看一段代碼:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>什么叫CSS選擇器?</title>
</head>
<body>
    <div>php1</div>
    <div>php2</div>
    <div>php3</div>
</body>
</html>

效果如下:

css選擇器的類型是什么

如果我們想要把php2設(shè)置成藍色,怎么辦呢?我們必須通過一種方式來“選中”第二個div,然后把它的CSS屬性顏色color改為藍色,像這種把某一個元素改成你想要的效果,把你想要的標簽選中的方式就是所謂的“選擇器”,也就是說選擇器就是一種選擇元素的方式。

所謂選擇器,說白了就是用一種方式把你想要的那一個標簽選中!把它選中了,你才能操作這個標簽的CSS樣式。這樣夠簡單了吧。CSS有很多把你所需要的標簽選中的方式,這些不同的方式就是不同的選擇器。

二:css選擇器有哪些類型

1.標簽選擇器(如:body,div,p,ul,li)

2.類選擇器(如:class="head",class="head_logo")

3.ID選擇器(如:id="name",id="name_txt")

4.全局選擇器(如:*號)

5.組合選擇器(如:.head .head_logo,注意兩選擇器用空格鍵分開)

6.繼承選擇器(如:div p,注意兩選擇器用空格鍵分開)

7.偽類選擇器(如:就是鏈接樣式,a元素的偽類,4種不同的狀態(tài):link、visited、active、hover。)

8.字符串匹配的屬性選擇符(^ $ *三種,分別對應(yīng)開始、結(jié)尾、包含)

以上是“css選擇器的類型是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI