为了账号安全,请及时绑定邮箱和手机立即绑定

css中的“继承”

css中的“继承”

海绵宝宝撒 2019-04-09 20:23:29
“继承”我打了引号,因为实在前端能力有限不知道这个该怎么描述,google了下出来的全是正常的继承,就是子元素覆盖父元素样式之类的。我的问题很简单,我有一个样式:.a{margin-left:10px;color:red;...}我现在有一个样式b,大部分跟a差不多,我不想再写一次了,这个时候怎么“继承”呢?
查看完整描述

2 回答

?
RISEBY

TA贡献1856条经验 获得超5个赞

.margin{
margin-left:10px;
}
.a{
color:red;
}
.b{
color:blue;
}
Aelement
Belement
如果你不想在html多写一个class,可以这样
.a,.b{
margin-left:10px;
}
.a{
color:red;
}
.b{
color:blue;
}
逗号可以分隔开平级的选择器,也就是说被逗号分隔的选择器都会拥有之后写的样式。
                            
查看完整回答
反对 回复 2019-04-09
?
慕丝7291255

TA贡献1859条经验 获得超6个赞

上面几位给出的答案非常准确,我就。。画蛇添足一下。。
/*定义统一的样式*/
.text{};
.icon{};
.collection-1.text{}//在针对单独定义
.collection-2.icon{}//在针对单独定义
.collection-3.text{}//在针对单独定义
                            
查看完整回答
反对 回复 2019-04-09
慕课专栏
更多

添加回答

了解更多

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号