Css样式的继承、层叠和特殊性

Css样式的继承性：

Css样式的某些样式是具有继承性的，继承是一中规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。

使用方法：

如p{color:red}

<p>我是段落<span>我是块</span></p>//标签p和span中的标签都会变成红色，

有些样式是不具有继承性的：

p{border:1px soild red;}//设置边框1像素，红色，实心边框线

<p>我是段落<span>我是块</span></p>//只会为p标签中的内容增加边框

Css样式的特殊性：

p{color:red;} /*权值为1*/

p span{color:green;} /*权值为1+1=2*/

.warning{color:white;} /*权值为10*/

p span.warning{color:purple;} /*权值为1+1+10=12*/

#footer .note p{color:yellow;} /*权值为100+10+1=111*/

Css样式的层叠性

当css样式有相同的权重值，会根据css样式的前后顺序来决定，处于最后的cssy样式会被应用。

使用方法：

p{color:red;}

p{color:green;}

<p >我是文字</p>//文字会显示为绿色

重要性，最高权值：

有些特殊情况可以为某些样式设置最高权值，

如：

p{color:red!important;}//!important 要写在分好的前面

总结：

继承、特殊性，层叠，重要性的区分。

继承是指标签的样式可以由子代继承，但有些标签是不能继承的，eg：border。

特殊性指用用权重来确定最后起作用的样式，id=100，class=10，标签=1，继承=0.1；

层叠指当权重相同时，后面的样式覆盖前面的样式。

important的使用：可以为某些样式设置最高权值。