溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關css中id選擇器怎么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
id選擇器
id選擇器使用#進行標識，后面緊跟id名
id選擇器說明：
#id{屬性1：屬性值1;屬性2：屬性值2;屬性3:屬性值3;}
元素的id值是唯一的，只能對應于文檔中某一個具體的元素。
id選擇器用法和類選擇器類似
在同一個頁面中，不允許有相同名字的id對象出現。但允許相同名字的class
類選擇器class 好比人的名字，是可以多次重復使用的。
id選擇器id 好比人的身份證號碼，全國唯一，不能重復使用，只能使用一次。
id選擇器和類選擇器最的不同在于使用次數上。
總結：
類選擇在我們修改樣式中，用的最多。
id選擇器一般用在頁面唯一性的元素上，經常和javascript搭配使用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div {
font-size: 20px;
}
#id1 {
color: red;
}
#id2 {
color: green;
}
#id3 {
color: #800080;
}
#id4 {
color: #0000FF;
}
</style>
</head>
<body>
<h4>浣溪沙</h4>
[清] 納蘭性德
<div id="id1">十八年來墜世間，吹花嚼蕊弄冰弦，</div>
<div id="id2">多情情寄阿誰邊？</div>
<div id="id3">紫玉釵斜燈影背，紅綿粉冷枕函邊。</div>
<div id="id4">相看好處卻無言。</div>
</body>
</html>關于“css中id選擇器怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
