平時(shí)寫(xiě)代碼的時(shí)候用div和css制作網(wǎng)頁(yè)時(shí)，總會(huì)用到class和id選擇器來(lái)設(shè)置CSS的樣式，將下來(lái)在文章中將為大家介紹class與id選擇器的用法以及它們的區(qū)別，有一定的參考作用，希望對(duì)大家有所幫助
【推薦課程：CSS課程】
ID 選擇器
id是唯一標(biāo)識(shí)一個(gè)元素的，在一個(gè)文件中只能出現(xiàn)一次并且能夠非常精準(zhǔn)的找到特定的元素
ID 選擇器前面有一個(gè) # 號(hào)，CSS中通過(guò)ID選擇器給HTML文檔添加樣式
例：
<style type="text/css">
#demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div id="demo">ID選擇器</div>
</body>效果圖：
class選擇器
類(lèi)選擇器允許以一種于文檔元素的方式來(lái)指定樣式，該選擇器可以單獨(dú)使用，也可以與其他元素結(jié)合使用
class選擇器前面有一個(gè)“.”號(hào)
例
<style type="text/css">
.demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div class="demo">class選擇器</div>效果圖：
ID 選擇器與class選擇器的區(qū)別
（1）文檔使用次數(shù)：ID選擇器只能使用一次，而class選擇器可以使用多次
（2）可以使用class選擇器為一個(gè)元素同時(shí)設(shè)置多個(gè)樣式，但是ID選擇器是不可以的
總結(jié)：
Copyright ? 2019- 91gzw.com 版權(quán)所有 湘ICP備2023023988號(hào)-2
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)