CSS中常用的选择器及三大特性

**1.标签选择器**

标签名{
属性名：属性值
}

例如： div{
width：100px；
}

**2.通用选择器**

*{
属性名：属性值
}
例如： *{
margin：0；
padding：0；
}
性能极低，常用于清楚默认样式，测试使用

**3.类选择器**

给标签用class命名
例如给标签命名为 class=“nav”
.nav{
属性名：属性值
}

**4.id选择器**

给标签用id命名
例如：给标签命名为 id=“nav”
#nav{
属性名：属性值
}
注意：一个ID名只能给一个标签
一个标签只有一个ID名
**5.后代选择器**

选择某一元素的后代元素
例如：
<div class=“father”>
<div class=“son”>
</div>
</div>
.father .son{
属性名：属性值
}
由内向外查找，先找到祖先，再标记后代

**6.子选择器**

选择元素的直接后代
父选择器>子选择器{
属性名：属性值
}
**7.相邻兄弟选择器**

选择紧挨元素的后一个元素
元素名+兄弟名{
属性名：属性值
}
**8.通用兄弟选择器**

选择该元素后面某一类兄弟
元素名~兄弟名{
属性名：属性值
}
**9.并集选择器**

将两个不相干的元素同时添加相同属性
元素1，元素2{
属性名：属性值
}
**10.交集选择器**

元素名.类名（#id名）{
属性名：属性值
}

**css三大特性：**
1、继承：父级样式被子级继承
2、层叠：当样式发生冲突时，样式会被覆盖
3、优先级：
！important > 行内样式 > id > 类 > 标签 > * > 继承
遵循就近原则