css层叠性和继承性
1.了解css层叠性
层叠性是什么?就是解决处理css选择器和属性冲突的能力。css的选择器权重是分大小,就是当多个选择器都选中了同一个标签时,听谁的???
标签选择器 < 类选择器 < id选择器 < 行内式 < !important
使用原子类的情况下,我们可以使用!important提高权重,其他时候不建议使用
div{ color:red!important;}
2.继承性
w3c中css规定,给标签设置了某些样式,如果后代没有指定样式的情况下,它的后代无素会继承父辈的某一些属性。
能继承的属性:
color , line-height,list-style
font系列:font-size, font-weight,font-family,font-style
text系列:text-align,text-indent,text-decoration
总结:标签有默认样式的、有指定样式的,都不能通过继承去改变。
重点:继承性权重为0