css的某些样式具有继承性的,它允许样式不仅应用于某个特定的html标签元素,而且可以用于其后代。
但是有些样式不具有继承性,比如 border:1px solid red;
p{border:1px solid red;}
<p>xxxxxxx,xxx<span>我说你好</span>xxxxx</p>
其中子元素span就没起到作用
特殊性(优先级)
我们为同一元素设置不同的样式,会有什么变化呢:如
p{color:red;}
.first{color:green;}
<p class=first>xxxxxxx</p> 答案是字体为绿色,因为class的权值比标签权值大
层叠
css样式中出现相同的权值时,顺序后面的会覆盖前面的
重要性
我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决,比如:
P{color:red!important;}
p{color:green;} 最后显示的是红色














网友评论