当一个特定的CSS样式被频繁使用时，它应该成为一个单独的类吗？

Question

3

当我经常需要一个特定的样式，比如 float: left 时，是创建自己的类还是将这个样式放在每个需要它的类中更好呢？

以下是一个示例页面。

使用 left 类的方式是否好？或者将 float: left 样式放入其他类中会更好吗？

- MORHERO

4

两个都可以。由于这个问题基于个人意见，所以我建议关闭此问题。 - j08691

我同意，如果它适用于你的情况，请去做吧。 - Kyle

4个回答

2

这只是个人观点，但我认为不应该这样做。

HTML和CSS存在的原因是因为它们解决了不同的问题。HTML代表信息，而CSS代表如何显示这些数据。

创建只包含一个规则的类会开始模糊这种区别，并且会在你的HTML中引入特定于样式的信息。

假设您想要将所有左浮动的内容更改为右浮动。您可以将CSS规则更改为以下内容：

.left {
   float: right;
}

很明显，否则您将不得不进入HTML并更改每个情况中的类以更改浮动值 - 这也不是理想的选择。在完美的世界中，您只想通过编辑CSS来进行样式更改。那就是它存在的目的。显然，有时这是不可能的，但很多时候是可以的，如果您以语义化的方式标记了HTML。

- Michael

1

这样做没有任何问题。

我经常为自己创建CSS帮助类。

当你不使用像Bootstrap这样的框架时，能够在HTML中添加 class="border" 非常有用，快速查看盒模型。

- stefanhorne

1

有很多关于这个问题的观点，取决于你的上下文...

一个简单的类只做一件事，以便在代码的任何地方都可以重复使用...

第一种解决方案增加了输出的css文件大小，而第二种则增加了html文件大小...

也许第二种比第一种更好。

- Hitmands

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dan · Accepted Answer

需要考虑的问题是可读性和重复自己。

可读性：

拥有一个只有规则为float:left的left类将有助于使您的HTML更易读。因为每当有人在元素上看到该类时，他们就知道它将被向左浮动。因此，它提高了可读性。

DRY：

使用CSS时，“不要重复自己”的古老格言几乎不可能遵循，但我认为仍然应该考虑这一点。在这种情况下，您应该进行比较。

我将在我的CSS中添加多少次float：left？与我将在我的HTML中添加多少次class ='left'？

我想指出大多数CSS框架都使用实用程序类，例如.left {float：left;}。