权重问题：数选择器的数量 id class 标签
如果权重一样，就以后设置的为主
行内权重1000 > id 100 > 类 10 > 标签 1
如果继承来的属性一样近的话，就要数权重了
如果权重一样，以后设置的为主
继承来的权重为0，与选中的标签没有可比性
如果继承来的属性，就近原则，谁距离选中的标签越近他的权重越高
css选择器：
基础选择器
标签选择器
选中所有 找到共性的内容，不管标签藏的有多深都可以选中的
类选择器
选中所有，找的有共性 class可以多个重复的类名
<div class="box active" id="box"></div>
p class box
语法：.box{}
id选择器
选择唯一的标签，因为id是唯一的
语法：#box{}
通配符选择器
选择所有
语法：*{}
高级选择器
后代选择器
子代选择器
组合选择器
交集选择器
伪类选择器 -- 爱恨准则
设置小手状态：cursor：pointer
没有被访问过的a的颜色
a:link{
color: yellow;
}
访问过后的颜色
a:visited{
color: darkmagenta;
}
鼠标悬浮时候的状态
a:hover{
color:darkgrak;
}
鼠标点击时候的颜色
a:active{
}
让父盒子.box下面的自标签p设置属性
.box:hover p{}
display：
inline：行内
block：标签
inline-block：行内块
flex：
none：让盒子隐藏
伪元素选择器
行高 = 盒子的高度--> 让文本居中
有一些文本 属性能够被继承下来：color、font-*、line-height、text-align
文本水平居中：text-align：center
文本垂直居中：line-height等于盒子的height