css特性

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;
}

原文地址:https://www.cnblogs.com/binxyz/p/7197557.html