持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第11天，点击查看活动详情。

选择器

CSS类名规范： 1、不能使用数字开头 2、可以的特殊符号为下划线和横杠

CSS两个性质 继承性、层叠性

CSS 层叠样式表同一个HTML上添加不同的样式 CSS 使表现和内容相分离

CSS继承性：一些属性当给自己设置的时候，自己的后代都继承上了，继承性从自己开始，直到最小的元素。关于盒子、定位、布局的属性，都不能继承权重相同，采用就近原则 !important 优先级最高

CSS选择器

ID选择器 #id{}
通配选择器 *P{ }
标签选择器标签{}
类选择器 .类{}
h1{ } 标签选择器
p 群组选择器
#ul1 .li1, #ul2 .li2{ } 后代选择器
#ul1 .li1{ } #ul2 .li2{ } 直接选择器
#ul>li{ } 兄弟选择器 #ul+li{ } #ul~li{ }
属性选择器 [属性名]{ }
伪类选择器 ul li:first-child{ } ul li:last-child{ }

 ul li:nth-child(n){ }       odd为奇数，even为偶数

优先级：    !important ＞ 行间 ＞ id ＞ class ＞ 标签
        无穷大        1000    100        10        1
        行间 ＞ 内联 ＞ 外联
CSS定义越详细，优先级越高
**important**提升的是一个属性，而不是一个选择器；无法提升继承的权重；不影响就近原则    如果不能直接选中某个元素，通过继承性影响的话，那么权重是 0

CSS选择器权重 !important ＞行内样式＞ ID选择器＞类选择器＞标签选择器＞通配符＞继承 (继承权重为 0 ) 合理利用CSS权重，提高代码的重用性
ID选择器权重 0100 可以继承的样式 font-size、font-family、color、ul、li、不可继承样式 border、padding、margin、width、height 可以继承的属性字体系列、元素可见性：visibility、列表布局属性：list-style 不可继承属性 display、背景属性、定位属性、盒模型属性

伪类同一个标签，根据其不同的种状态，有不同的样式，伪类用冒号表示 静态伪类 只能用于超链接的样式 :ink 超链接被点击之前 :visited 链接被访问之后

动态伪类 针对所有标签都适用的样式 :hover “悬停”鼠标放到标签上的时候， :active "激活"鼠标点击标签的时候， :focus 某个标签获得焦点时的样式

伪类选择器： li:nth-child(n) 表示所有的 li 伪元素选择器： :: E:: before 设置在元素E前面的内容 E::after 设置在元素E后面的内容配合 content属性一起使用

伪类表示一种状态，伪元素是真的元素 伪类使用单冒号，伪元素使用双冒号

CSS学习笔记(肆)

选择器