在CSS中,選擇器是用來選擇需要樣式化的HTML元素的。CSS有三種類型的選擇器,分別是元素選擇器、類選擇器和ID選擇器。
元素選擇器:通過HTML元素名稱來選擇元素。 語法:元素名稱{ 樣式屬性:樣式值; }
比如說,我們想要設置所有段落元素的顏色為紅色:
p{ color: red; }
這樣就會將所有的段落元素的字體顏色設置為紅色。
類選擇器:通過給HTML元素設置類名,來選中元素。 語法:.類名{ 樣式屬性:樣式值; }
比如說,我們想要給所有擁有"special"類的元素設置背景顏色為黃色:
.special{ background-color: yellow; }
這樣就會將所有擁有"special"類的元素的背景顏色設置為黃色。
ID選擇器:通過給HTML元素設置ID,來選中元素。 語法:#ID名稱{ 樣式屬性:樣式值; }
比如說,我們想要給擁有"id1" ID的元素設置字體顏色為藍色:
#id1{ color: blue; }
這樣就會將擁有"id1" ID的元素的字體顏色設置為藍色。
以上就是CSS選擇器的三種類型,它們在不同情境下可以被用來選中不同類型的HTML元素實現樣式化。
上一篇web鼠標懸停變色css
下一篇css選擇符 優先級