CSS選擇器是指用于指定要樣式化的HTML元素的一種語法。CSS選擇器通常被分為四種類型,它們分別是:
1. 元素選擇器 2. ID選擇器 3. 類選擇器 4. 屬性選擇器
下面我們詳細介紹一下這四種選擇器:
1. 元素選擇器
元素選擇器(也稱為類型選擇器)是指通過HTML元素的名稱來定義樣式的選擇器,例如:
p{ color: red; }
這個樣式規則指定要應用于所有p元素的顏色是紅色。
2. ID選擇器
ID選擇器通過指定HTML元素的ID來定義樣式,它們以#符號開頭,例如:
#header{ font-size: 24px; }
這個樣式規則將應用于ID為“header”的HTML元素,并且設置它的字體大小為24像素。
3. 類選擇器
類選擇器通過指定HTML元素的類來定義樣式,它們以.符號開頭,例如:
.highlight{ background-color: yellow; }
這個樣式規則將應用于所有具有“highlight”類的HTML元素,并將它們的背景顏色設置為黃色。
4. 屬性選擇器
屬性選擇器是一種選擇器,它根據目標元素的屬性是否具有特定值來定義樣式。例如:
input[type="text"]{ border: 1px solid #ccc; }
這個樣式規則將應用于所有type屬性值為“text”的input元素,并將它們的邊框顏色設置為灰色。
上一篇不自動換行 省略 css
下一篇css選擇器網頁代碼元素