CSS id 選擇器

id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。

id 選擇器以 "#" 來定義。 ( 推薦學習：CSS入門教程 )

下面的兩個 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選擇器怎么定義的詳細內容，更多請關注風君子博客其它相關文章！

總結

以上是生活随笔為你收集整理的CSS的id选择器怎么定义的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。