在 CSS 中,我們可以使用各種選擇器來(lái)選擇網(wǎng)頁(yè)中的元素進(jìn)行樣式調(diào)整。其中,ID(英文全稱 “identifier”)選擇器是一種根據(jù)元素 ID 進(jìn)行選擇的方法。每一個(gè)在 HTML 中有 ID 屬性的元素都可以成為 ID 選擇器的選擇對(duì)象。
ID 選擇器可以用在 CSS 規(guī)則中,通過(guò) # 符號(hào)加上元素的 ID 名稱來(lái)表示。比如:
#my-id { color: red; }
注意,ID 選擇器只能指向一個(gè)唯一的元素。一個(gè)單獨(dú)的 ID 名稱只能在頁(yè)面中出現(xiàn)一次,因此可以使用 ID 選擇器來(lái)快速鎖定一個(gè)唯一的元素。
通常我們可以通過(guò)給某個(gè)元素增加一個(gè) ID 屬性,然后在 CSS 中使用 ID 選擇器來(lái)給該元素設(shè)定樣式。比如下面這個(gè) HTML 代碼段:
<h1 id="welcome-message">歡迎來(lái)到我的網(wǎng)站!</h1>
我們可以使用以下 CSS 規(guī)則來(lái)設(shè)定該元素的樣式:
#welcome-message { font-size: 24px; font-weight: bold; color: blue; }
這樣就可以很快地找到 ID 屬性為 “welcome-message” 的元素,并設(shè)定它的字號(hào)、字體加粗程度以及顏色。
需要注意的是,雖然 ID 選擇器效率很高,但是過(guò)多地使用 ID 可能會(huì)導(dǎo)致代碼的可重用性下降。因此,在編寫(xiě) CSS 時(shí),應(yīng)該盡量使用 class 選擇器來(lái)應(yīng)對(duì)各種情況。
上一篇css里的背景 添加不到
下一篇css里的clear用法