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

Question

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

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

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

由于两个类都在做同样的事情，我应该能够将它合并为一个。我怎么能这样做？

Answer 1

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

正是您要找的。

Answer 2

您可以使用逗号分隔相同属性的多个CSS声明：

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

Answer 3

不要重复你的CSS

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

OR

 a{
    margin-left:20px;
 }

Answer 4

如果你之前已经在他们的父母那里设置了这些类，你应该再次设置他们的父母（每次重复）如下：

parent .abc, parent .xyz

Answer 5

如果使用以下命令，则代码可能比编写的代码更有效。 您应该添加其他功能。

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

OR

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

OR

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

Answer 6

只需用逗号分隔类名。

.a,.b{
your styles
}