CSS選擇器是CSS語言中的一個非常重要的概念,它指定了CSS規則適用于哪些HTML元素。其中,CSS選擇器根據不同的類型可以分為四種,分別是:
- 元素選擇器(Element Selector) - 類選擇器(Class Selector) - ID選擇器(ID Selector) - 屬性選擇器(Attribute Selector)
元素選擇器是最基本也是最常見的一種,它通過HTML元素名稱來指定一個樣式。例如,以下代碼會為所有的p標簽設置一個紅色的文本顏色:
p { color: red; }
類選擇器通過HTML元素的類名來指定一個樣式。類名是以點號開頭的,例如以下代碼會為所有的class屬性值為"my-class"的元素設置一個藍色的背景顏色:
.my-class { background-color: blue; }
ID選擇器通過HTML元素的ID來指定一個樣式。ID是以井號字符開頭的,例如以下代碼會為id屬性值為"my-id"的元素設置一個綠色的文本顏色:
#my-id { color: green; }
屬性選擇器通過HTML元素的屬性值來指定一個樣式。例如以下代碼會為所有href屬性值包含"example"的a標簽設置一個下劃線的文本裝飾:
a[href*="example"] { text-decoration: underline; }
通過以上四種選擇器,我們可以非常靈活地為HTML元素添加不同的樣式效果,讓網頁變得更加美觀、精致。
上一篇css四個邊框都有陰影