CSS：我应该使用mixin还是类？

Question

我正在为我的一个个人项目使用boostrap CSS框架。 默认情况下，所有列都在两侧都有填充。 这对某些组件有好处。 但有些地方我不想要这个额外的填充。 所以我通常只使用一个独特的类（比如containerName）来设置该元素的样式然后 -

.containerName {
 padding-right: 0;
 padding-left: 0;
 //and whatever other css is required
}

我不想一次又一次地写 。所以我决定为此写一个简单的mixin。

%removePadding { 
padding-right: 0; 
padding-left: 0;
}

然后在.containerName

上使用extend

.containerName {
 @extend %removePadding;
 //and whatever other css is required
}

这是一种矫枉过正吗？ 我应该只为那些具有这两个规则的元素添加另一个类吗？

处理此问题的最佳方法是什么？

Answer 1

我认为你应该使用＆＃34; .removePadding＆＃34;作为一个班级，一次。因为在任何情况下，你需要检查你想要填充的div，以及你不想要的div。所以如果你只是添加＆＃34; .removePadding＆＃34;在你的col -...类后面，你将拥有相同的控件，更重要的是，你不会扩展你的CSS文件。另一方面，您可以通过查看HTML文件来了解正在发生的事情。像普通＆＃34; .clearfix＆＃34;类。

在引导样式之后添加此CSS规则（.removePadding类）以覆盖它们。