1.继承
css某些样式具有继承样式,继承是一种规则,允许样式不仅应用与某个特定html标签,而且应用于其后代
<p style="color:red;font-size: 12px">fdjskjk<span>fjsdkfjsdlf</span></p> span标签中字也是红色
<p style="color:red;border: 1px solid red;">fdjskjk<span>fjsdkfjsdlf</span></p> border没有被继承
2.特殊性
同时给一个元素设置不同的css样式,会启用哪个,使用权值高的
标签权值为1,类选择符权值为10,id选择符权值最高100
3.层叠
上面的样式会被下面的样式顶替
span{
color: red;
}
span{
color: green;
}
4.重要性
最高权值
span{
color: red!important;
}
span{
color: green;
}