標(biāo)簽選擇是 CSS 編程中的重要部分。它們用于選擇 DOM 元素,以便對(duì)其應(yīng)用 CSS 樣式。選擇器由一個(gè)或多個(gè)選擇器序列組成,中間用空格隔開。每個(gè)選擇器序列都由一個(gè)選擇器組成。
p { color: red; font-size: 18px; }
上面的代碼表示選擇所有 p 元素,并設(shè)置其顏色為紅色,字體大小為 18 像素。這是最基本的標(biāo)簽選擇器,也是最常見的選擇器之一。
我們還可以使用類選擇器來選擇具有相同類名的元素。類選擇器用 . 加上類名來定義,例如:
.red-text { color: red; }
這段代碼選擇一個(gè)類名為 red-text 的元素,并將其文本顏色設(shè)置為紅色。您可以在 HTML 中為多個(gè)元素應(yīng)用相同的類名,然后使用類選擇器來同時(shí)應(yīng)用相同的 CSS 樣式。
還有一種常見的選擇器是 ID 選擇器。ID 選擇器使用 # 加上 ID 名稱來定義,例如:
#header { background-color: blue; }
這段代碼選擇一個(gè) ID 為 header 的元素,并將其背景顏色設(shè)置為藍(lán)色。每個(gè) ID 只能在 HTML 頁面中出現(xiàn)一次,因此 ID 選擇器只選擇一個(gè)元素。
最后,我們介紹一種高級(jí)的選擇器——后代選擇器。后代選擇器用于選擇父元素內(nèi)的子元素,使用空格分隔。例如:
#container p { font-weight: bold; }
這段代碼選擇 ID 為 container 的元素內(nèi)的所有 p 元素,并將它們的字體加粗。