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

142

我想要两个具有不同名称的类在CSS中具有相同的属性。我不想重复代码。如何将样式一次应用于多个类？

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

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

由于这两个类都在做同样的事情，我应该能够把它合并成一个。我怎样才能做到这一点？

来源

2010-01-20 sat

301

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

是你在找什么。

来源

2010-01-20 05:37:53

+1，正是我所期待的。您也可以为.abc和/或.xyz创建第二个单独的条目，以查找您不希望应用于.xyz {font-weight：bold;}将结合使用.xyz粗体和页边距左移20px，但.abc只能使用margin-left。 – RyanfaeScotland 2014-09-16 08:50:47

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

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

来源

2010-01-20 05:38:23 zombat

不要重复你的CSS

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

a{ 
    margin-left:20px; 
}

来源

2015-05-28 06:46:10 NiteshkumarSingh

我觉得'abc'的意思是一个类名和'xyz'。您的建议是针对常见属性使用常见的类名称，这是不必要的和令人困惑的问题。 – Arete 2016-06-13 14:03:11

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

回答

相关问题