首頁 >web前端 >css教學 >css的基本選擇器有哪幾種

css的基本選擇器有哪幾種

青灯夜游
青灯夜游原創
2021-02-25 11:37:1121695瀏覽

css的基本選擇器有3種,分別為:1、標籤選擇器,又稱為類型選擇器,符合指定標籤元素名稱的所有標籤;2、class選擇器,符合指定類別的所有元素並設定樣式;3、id選擇器,可以為標示特定id的HTML元素指定特定的樣式。

css的基本選擇器有哪幾種

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css中的基本選擇器

#(1)標籤選擇器

p {
    background-color:red;
    color:blue;
}

(2)class選擇器

每個HTML標籤中都有一個屬性class

<div class="haha">愿有岁月可回首,且以深情共白头!</div>

.haha {
    background-color:blue;
}

(3)id選擇器
每個HTML標籤中都有一個屬性id

<div id="hehe">愿有岁月可回首,且以深情共白头!</div>
#hehe {
    background-color:blue;
}

基本選擇器的優先權

style > id選擇器> class選擇器> 標籤選擇器

推薦教學:CSS影片教學

#

以上是css的基本選擇器有哪幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn