CSS選擇符是在HTML中定義樣式時用來選擇需要添加樣式的元素的方法。在CSS中,選擇符有四種類型,包括:
1. 元素選擇器 2. ID選擇器 3. 類選擇器 4. 屬性選擇器
1. 元素選擇器
元素選擇器是最常見的CSS選擇器,它應用于HTML標記,例如:
p { color: blue; }
上述樣式將使所有p元素變為藍色。
2. ID選擇器
ID選擇器可用于選擇特定標記的唯一元素。在HTML中,ID屬性通常用于給元素分配唯一的標識符。例如,如果我們想選擇ID為"header"的元素,我們可以使用以下代碼:
#header { background-color: gray; }
上述樣式將使ID為"header"的元素的背景顏色變為灰色。
3. 類選擇器
類選擇器用于選擇具有相同類別的標記。一組標記可以具有相同的類,這意味著它們具有相同的樣式。例如,如果我們要選擇所有帶有類別"highlight"的元素,我們可以使用以下代碼:
.highlight { font-weight: bold; }
上述樣式將使所有帶有"class = highlight"的元素的字體加粗。
4. 屬性選擇器
屬性選擇器基于元素的屬性來選擇元素。例如,如果我們要選擇所有href屬性等于"#"的a元素,我們可以使用以下代碼:
a[href="#"] { color: green; }
上述樣式將使所有href屬性等于"#"的a元素變為綠色。
上一篇css選擇輸入框背景虛化
下一篇css透明度線性漸變