为此制作CSS类是否正确？

Question

我有很多h1 elements我要删除margin。

为此设置class是否正确，或者您是否会在CSS中单独定位

#comments h1 { margin: 0; }

Answer 1

如果你使用一个类，你也可以将它重用于其他元素：

.nomargin {
    margin: 0;
}

Answer 2

如果要删除特定类型的所有元素的边距，则可以使用通用元素选择器，例如

h1 { margin: 0; }

Live example

但是，如果您要定位多个元素，但是某个类型的并非所有元素，请使用{{{}等类来分配您要定位的元素。 1}}然后使用以下CSS

nomargin

Live example

Answer 3

是的，这是非常好的CSS，假设所有标头标签都在id='comments'的元素内，并假设这些是你想要以这种方式行动的唯一标头标签。

如果你对通过这种方式设置样式的元素有更普遍的需求，那么也许可以使用一个类，但是因为你已经有了一个选择器来获取你要设置样式的所有元素，然后使用它;你不应该觉得你只需要为它创建一个类。

Answer 4

我更喜欢结构选择器而不是表示特定样式的类。例如，如果您 在移动设备上查看网站时需要保证金，该怎么办？现在你的班级名字错了。一个极端的例子是命名类“蓝色”或“15像素文本”。

阅读样式表时，结构选择器也可以更直观。您可以推断它的应用位置，而不是想知道应用了类名的元素。

一个考虑因素是这样的选择器可能变得非常复杂，并且可能比类选择器更糟糕。一如既往，没有严格的规则。

作为旁注，您可以使用LESS或SASS更轻松地进行开发/维护。这不涉及语义问题。