在 CSS 中,選擇器是用于選取 HTML 元素的工具。CSS 選擇器分為三種:標簽選擇器、類選擇器和 ID 選擇器。
1. 標簽選擇器
p { color: red; }
標簽選擇器是最簡單的一種選擇器,它選取了所有指定標簽的元素并應用樣式。例如上述代碼,它將選取所有的段落元素并將其顏色設為紅色。
2. 類選擇器
.red { color: red; }
類選擇器以“.”開頭,選取使用特定 class 屬性的元素。class 屬性可以在 HTML 文件中不限次數的出現,并不一定需要具有實際意義。例如:
<p class="red"> This text is red. </p> <p class="red"> This text is also red. </p> <p> This text is not red. </p>
上述代碼中,前兩個段落(具有 class="red" 屬性)將設置為紅色。
3. ID 選擇器
#red { color: red; }
ID 選擇器以“#”開頭,選取擁有對應 ID 屬性的唯一元素。與 class 屬性不同,一個元素只能擁有一個 ID 屬性,且 ID 在 HTML 中必須是唯一的。例如:
<p id="red"> This text is red. </p> <p> This text is not red. </p>
上述代碼中,只有第一個段落(具有 id="red" 屬性)將設置為紅色。