在 CSS 中,選擇符被用來匹配 HTML 元素并設置其樣式。有幾種不同的選擇符,每種選擇符都具有不同的作用和用途。
1.元素選擇器(Element Selector)
p { color: red; }
這個選擇符會將所有的 <p> 元素的文本顏色設置為紅色。
2.類選擇器(Class Selector)
.highlight { background-color: yellow; }
這個選擇符會將擁有 class 屬性為 "highlight" 的元素的背景顏色設置為黃色。
3.ID選擇器(ID Selector)
#header { font-size: 24px; }
這個選擇符會將擁有 id 屬性為 "header" 的元素的字體大小設置為 24 像素。
4.后代選擇器(Descendant Selector)
ul li { list-style: circle; }
這個選擇符會將所有在 <ul> 元素內部的 <li> 元素的列表樣式設置為圓形。
5.相鄰兄弟選擇器(Adjacent Sibling Selector)
h2 + p { font-weight: bold; }
這個選擇符會將緊接在 <h2> 元素后的 <p> 元素的字體加粗。
6.通用選擇器(Universal Selector)
* { margin: 0; padding: 0; }
這個選擇符會將文檔中所有元素的外邊距和內邊距都設置為 0。
選擇符是 CSS 的基礎,可以通過它們來對網頁進行具體的樣式設置。不同的選擇符可以組合使用,來定位到特定的 HTML 元素,以達到樣式的精確控制。
上一篇Css選擇性加載
下一篇CSS選擇器選擇id為