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