CSS 是網(wǎng)頁設(shè)計(jì)中不可或缺的一部分,其中選擇器是幫助我們將樣式應(yīng)用到指定元素的關(guān)鍵所在。前面我們學(xué)習(xí)過標(biāo)簽選擇器,但是僅限于選擇某個標(biāo)簽的樣式,今天我們要介紹第二個選擇器 —— ID 選擇器。
#idname { /* 樣式 */ }
每個 HTML 元素都可以通過 id 屬性來唯一標(biāo)識。因此,利用 ID 選擇器,我們可以指定一個唯一元素的樣式。需要注意的是,ID 必須是唯一的,所以在同一個頁面中,相同的 ID 只應(yīng)出現(xiàn)一次。
<div id="header"> <h1>網(wǎng)頁標(biāo)題</h1> <p>一些描述文字</p> </div> #header { background-color: #333; color: white; }
在上面的例子中,我們通過 ID 選擇器選擇了 id 為 "header" 的 <div> 元素,并應(yīng)用了背景色和文字顏色。這樣,就可以輕松地將樣式應(yīng)用到特殊的元素上,讓網(wǎng)頁更加個性化。
除了 ID 選擇器,我們還有很多其他的選擇器可以使用,例如類選擇器、屬性選擇器等。通過這些選擇器的組合,可以編寫出更加復(fù)雜的樣式。