继承元素的一些样式可以从其祖先元素继承
可以继承的样式多是和文字相关的样式:text line color
(color是设置前景颜色(boder,字体颜色)背景颜色 background-color)
不可继承的样式 背景相关的样式,布局相关的样式
多个元素相同的样式可以在他们共同的祖先元素设置这些相同样式
页面中的文本样式可以统一设置在body标签上
优先级
1:行内样式
2:id样式
3:类和伪类选择器
4:元素选择器
5:通配符选择器
6:继承的样式
!important可以写在任意的样式声明后面,权重是正无穷
样式冲突:不同的选择器选中相同的元素,给相同的样式设置不同的样式值,这就造成了样式冲突
样式冲突的时候比较选择器的权重,谁的权重大就使用谁设置的样式
样式不冲突的时候,所有的样式都可以作用在元素上
符合选择器的权重是要将它所含有的基础选择器的权重相加,除了并集选择器的权重是单独计算的再多的选择器累计后的权重不会超过其量级,比如再多的类选择器相加后的权重也不会超过id选择器的权重
伪类:live:visited:active:focus:first-child
层叠
没有样式冲突时,选择器权重相同的时候,遵循的原则是后来者居上,后面设置的样式会覆盖前面设置的样式
样式冲突时,选择器的权重不同是按谁的权重大谁设置的样式