在CSS中,選擇符是用來選擇網頁中的HTML元素并添加樣式的標識。CSS選擇符有多種類型,包括:
1. 元素選擇器(element selector) 通過HTML元素的標簽名來選擇元素,如p、h1、div等。 例子:p {color: blue;}
2. 類選擇器(class selector) 通過HTML元素的class屬性來選擇元素,class屬性值必須以“.”開頭。 例子:.red {color: red;}
3. id選擇器(id selector) 通過HTML元素的id屬性來選擇元素,id屬性值必須以“#”開頭。 例子:#header {font-size: 24px;}
4. 屬性選擇器(attribute selector) 通過HTML元素的屬性名、屬性值或者屬性值的包含、前綴、后綴進行選擇。 例子:[] {text-decoration: none;}
5. 子元素選擇器(child selector) 選擇元素的直接子元素,用“>”符號表示。 例子:ul >li {list-style: none;}
6. 后代選擇器(descendant selector) 選擇元素的所有后代元素,用空格表示。 例子:body p {font-family: Arial;}
7. 相鄰兄弟選擇器(adjacent sibling selector) 選擇某個元素后面緊跟著的第一個兄弟元素,用“+”符號表示。 例子:h1 + p {text-transform: uppercase;}
8. 通用選擇器(universal selector) 選擇所有的HTML元素,用“*”符號表示。 例子:* {margin: 0; padding: 0;}
通過靈活的使用這些選擇器,可以針對不同的HTML元素添加特定的樣式,實現網頁的各種效果。
下一篇css的邏輯屬性