溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關CSS中id選擇器的使用方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
CSS id 選擇器
ID 選擇器可以為標有特定 ID 的 HTML 元素指定特定的樣式。 根據元素ID來選擇元素，具有唯一性，這意味著同一id在同一文檔頁面中只能出現一次，例如，你將一個元素的id取值為”navi”，那么在同一頁面你就不能再將其他元素id取名為”navi”了。盡管你會發現即便你把幾個元素都命名成相同的id名字，css選擇器還是會把這些元素都選中應用樣式（如class選擇器那樣），對于css選擇器，id屬性的唯一性似乎不存在。然而，對于js而言，它只會選擇具有相同id名字元素中的第一個。出于一個好的編程習慣，同一個id不要在頁面中出現第二次。
id 選擇器以 "#" 來定義。
下面的兩個 id 選擇器，第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：
#red {color:red;}
#green {color:green;}下面的 HTML 代碼中，id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p 元素顯示為綠色。
<p id="red">這個段落是紅色。</p> <p id="green">這個段落是綠色。</p>
注意：id 屬性只能在每個 HTML 文檔中出現一次。
單獨的選擇器
id 選擇器即使不被用來創建派生選擇器，它也可以獨立發揮作用：
#sidebar {
border: 1px dotted #000;
padding: 10px;
}根據這條規則，id 為 sidebar 的元素將擁有一個像素寬的黑色點狀邊框，同時其周圍會有 10 個像素寬的內邊距（padding，內部空白）。
老版本的 Windows/IE 瀏覽器可能會忽略這條規則，除非你特別地定義這個選擇器所屬的元素：
div#sidebar {
border: 1px dotted #000;
padding: 10px;
}關于CSS中id選擇器的使用方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
