如何一次将样式应用于多个类？

CSS

小小

2020-03-24

我希望两个名称不同的类在CSS中具有相同的属性。我不想重复代码。

.abc {
   margin-left:20px;
}  
.xyz {
   margin-left:20px;
}

<a class="abc">Lorem</a>
<a class="xyz">Ipsum</a>

由于两个类都在做同一件事，因此我应该能够将其合并为一个。我怎样才能做到这一点？

第3319篇《如何一次将样式应用于多个类？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共4个回答

SamJinJin路易 2020.03.24

如果您使用以下代码，则代码可能比编写的代码更有效。您应该添加另一个功能。

.abc, .xyz {
margin-left:20px;
width: 100px;
height: 100px;
}

要么

a.abc, a.xyz {
margin-left:20px;
width: 100px;
height: 100px;
}

要么

a {
margin-left:20px;
width: 100px;
height: 100px;
}

小卤蛋 2020.03.24

.abc, .xyz { margin-left: 20px; }

是您要寻找的。

飞云 2020.03.24

不要重复您的CSS

 a.abc, a.xyz{
    margin-left:20px;
 }

要么

 a{
    margin-left:20px;
 }

小小 2020.03.24

对于同一属性，可以使用逗号分隔多个CSS声明：

.abc, .xyz {
   margin-left: 20px;
}

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android