CSS选择器的总结

CSS选择器分类

　　1. 基本选择器
　　　　1. 标签选择器 ——适用于 批量的\统一\默认的样式
　　　　2. ID选择器 ——适用于 给特定标签设置特定样式
　　　　3. 类选择器 ——适用于 给某一些标签设置相同的样式
　　2. 通用选择器
　　　　1. *

　　3. 组合选择器
　　　　1. 后代选择器 (空格)
　　　　2. 儿子选择器 (>)
　　　　3. 毗邻选择器 (+)
　　　　4. 弟弟选择器 ( ~)

　　4. 属性选择器
　　　　1. [标签的属性名]
　　　　2. [标签的属性名="属性值"]

　　5. 分组和嵌套
　　　　1. 分组(用逗号分隔的多个选择器条件)  例如 div,p
　　　　2. 嵌套(选择器都可以组合起来使用)  例如 #d1>p （id="d1"的标签的下一级p标签）   div#d1（div标签，并且是id="d1"的div标签）

 

CSS样式文件优先级

　　1. 内联样式(直接在标签里面写style) 优先级最高

　　2. 选择器类型相同，谁靠近标签,谁就生效  

　　3. 选择器类型不同，计算权重来判断优先级

　　4. ！important 可以提升指定样式规则的应用优先权，使样式强制生效~

 

选择器的权重

　　内联样式权重1000 > ID选择器100 > 类选择器 10 > 元素标签选择器1  【内联样式 举例 <p style="color:red"></p>】

　　注意 权重相加不进位（一个ID选择器 永远大于> 10个类选择器的相加）[div#d1(1+100=101)   div.c1(10+1=11)   ]