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

css中的“继承”

css中的“继承”

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

2 回答

?
桃花长相依

TA贡献1860条经验 获得超8个赞

.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
?
牧羊人nacy

TA贡献1862条经验 获得超7个赞

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

添加回答

了解更多

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信