CSS中,ID選擇器是一種用于定義HTML文檔中元素樣式的選擇器。它使用HTML文檔中元素的ID屬性作為選擇器,以此為基礎(chǔ)選定元素并設(shè)置其中的樣式。ID選擇器的語法格式是:#id_selector。
#header { font-size: 24px; color: #333; background-color: #fff; }
上述例子中,ID選擇器#header定義了一個網(wǎng)頁頭部的樣式,其中font-size屬性設(shè)置字體大小、color屬性設(shè)置字體顏色、background-color屬性設(shè)置背景顏色。只要HTML文檔中存在id="header"的元素,就會被應(yīng)用這個樣式。
通常來說,ID選擇器只應(yīng)該用于一些頁面中唯一的元素。因?yàn)镮D選擇器過于具體,定義了某個元素的唯一性并且優(yōu)先級最高,如果多個元素使用了相同的ID選擇器,會導(dǎo)致沖突和錯誤。
#main-content { padding: 20px; margin-bottom: 50px; } #sidebar { float: right; width: 30%; }
以上例子中,用ID選擇器#main-content定義主要內(nèi)容區(qū)域的樣式,設(shè)置padding、margin等屬性,而用ID選擇器#sidebar定義了側(cè)邊欄的樣式,設(shè)置其浮動方式和寬度。這樣,只要HTML文檔中存在id分別為main-content和sidebar的元素,就會被應(yīng)用相應(yīng)的樣式。