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

Posted 2023-05-15

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

参考技术A 你可以在这个
<div class="div" style="width:50px;"></div>

里面多定义一个div名称

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

你再加多一个div的style就可以了。 参考技术B CSS的继承 取决于2点
选择器 ID有优先权
样式表的加载顺序
----------------
一楼回答是一种解决方式，额外加载一个样式表。
----------------
PS另一种
html:<div class='div Test'></div>
由于先前定义过 .div
在后面加上.Testwidth:50px;
即可，手工代码~~~~ 参考技术C 首先 模板页都调用common.css

模板页 局部 table 或者div 下 font 等 class名一定要正确 参考技术D 给局部标签 加style=" " 属性 就行 第5个回答  推荐于2018-04-01 比如common.css中写了这样一个样式：
.divwinth:100px;

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

实际上长度50px生效本回答被提问者和网友采纳

一个按钮切换两个css样式

参考技术A 按钮绑定一个点击事件，只是改变少量的样式使用$(".div").css("background","red");即可，如果是整个页面改变，就需要用到页面样式写缓存或数据库，重新加载页面来判断用户选择了那个样式，然后显示不同的样式加载