1. 基本选择器

// 元素选择器：
p {color:‘red‘;}

// ID选择器
#id1 {color:‘red‘;}

// 类选择器
.cl {color:‘red‘;}

2. 通用选择器

* {color:‘red‘;}

3. 组合选择器

// 后代选择器
div a {color:‘red‘;}  //div内的a便签的颜色为red

// 儿子选择器
div>a {color:‘red‘;}

// 毗邻选择器
div+a {color:‘red‘;}

// 弟弟选择器
div~a {color:‘red‘;}

4. 属性选择器

[sq] {color:‘red‘;}
[sq=‘test‘] {color:‘red‘;}

5. 分组选择器

h1 { color:green;}
h2 { color:green;}

h1,h2{ color:green;}  //分组

6. 嵌套选择器

div#id1    //div并且id是id1的
div.cl     //div并且class是cl的
div .cl    //div并且后代有class是cl的标签
.marked p  //所有 class="marked" 元素内的 p 元素

css属性选择器