Question

很多页面使用一个共同的css样式，怎么局部改变其中一个，而使其它保持不变？怎样用css继承实现呢？

比如一个common.css里的一个属性，好几个页面都用到了，怎么局部改变其中一个，而不影响其他，听说css继承可以实现，要怎样实现呢？

Answer 1

你可以在这个
<div class="div" style="width:50px;"></div>

里面多定义一个div名称

如<div="abc" class="div" style="width:50px;"></div>

你再加多一个div的style就可以了。

Answer 2

CSS的继承 取决于2点
选择器 ID有优先权
样式表的加载顺序
----------------
一楼回答是一种解决方式，额外加载一个样式表。
----------------
PS另一种
HTML:<div class='div Test'></div>
由于先前定义过 .div
在后面加上.Test{width:50px;}
即可，手工代码~~~~

Answer 3

首先 模板页都调用common.css

模板页 局部 table 或者div 下 font 等 class名一定要正确

Answer 4

给局部标签 加style=" " 属性 就行

Answer 5

比如common.css中写了这样一个样式：
.div{winth:100px;}

然后在一个html引用了这个css文件。
<div class="div" style="width:50px;"></div>

实际上长度50px生效