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

css的基本選擇器有哪幾種

青灯夜游
發布: 2023-01-03 09:25:34
原創
21660 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板