Css继承

css的某些样式具有继承性的，它允许样式不仅应用于某个特定的html标签元素，而且可以用于其后代。

但是有些样式不具有继承性，比如 border:1px solid red;

p{border:1px solid red;}

xxxxxxx,xxx我说你好xxxxx

其中子元素span就没起到作用

---

特殊性（优先级）

我们为同一元素设置不同的样式，会有什么变化呢：如

p{color:red;}

.first{color:green;}

xxxxxxx

   答案是字体为绿色，因为class的权值比标签权值大

层叠

css样式中出现相同的权值时，顺序后面的会覆盖前面的

重要性

我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决，比如：

P{color:red!important;}

p{color:green;}    最后显示的是红色