CSS的id選擇器怎麼定義

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選擇器怎麼定義的詳細內容。更多資訊請關注PHP中文網其他相關文章！