在CSS中,選擇器是用來選取需要應用樣式的HTML元素的。CSS基本選擇器主要包括三種,分別是:
1. 元素選擇器 2. ID選擇器 3. 類選擇器
以下將詳細介紹這三種基本選擇器。
1. 元素選擇器
元素選擇器是最常用的選擇器之一,它會選取匹配特定元素的所有HTML元素,并將樣式應用于它們。例如,如果想將所有的段落文本顏色設置為紅色,可以使用以下樣式:
p { color: red; }
這個樣式將應用于文檔中的所有 `
` 元素,包括編號列表和無序列表中的 `
2. ID選擇器
ID選擇器指定一個唯一的標識符作為選擇器,在文檔中只能有一個元素使用該ID屬性。使用#符號定義ID選擇器,后跟元素的唯一標識符。例如:
#main { background-color: gray; }
以上樣式將應用于具有id="main"的HTML元素,例如`
`。一個HTML元素只能有一個ID,因此ID選擇器只能匹配一個元素。
3. 類選擇器
類選擇器通過類的名稱來選擇HTML元素,與ID選擇器相似,但可以在同一文檔中多次使用類名。使用“.”符號定義類選擇器,后跟類名,例如:
.important { font-weight: bold; }
以上樣式將應用于所有使用class="important"的HTML元素,例如 `
`。可以在一個HTML元素中使用多個類名,即有一個以上的類選擇器,類名使用空格分隔,例如:class="important highlight"。