什么是更好的一个常见的CSS类或2个具有不同名称和相同代码的类？

Question

我无法回答我的问题。所以我想知道如果我们谈论性能会有什么好处 - 有一个共同的类或者有两个不同的类名来做同样的事情，但会提高代码的可读性。

.some_ul{
margin:0;
padding:0;
}

OR

    .people_ul, .animals_ul{
margin:0;
padding:0;
}

在面向对象的编程中是否有类似的东西，所以当你创建更多的类或对象时，你会使用更多的资源，或者在CSS中没有类似的东西，并且没有问题可以让第二个aproach帮助我阅读我的代码很容易。

Answer 1

css选择器性能的主题去年是一个热门话题。既然每个人都平静下来。看事实 - 统计数据 - 这真的不是问题。为了便于阅读。差异是如此微不足道。如果您真的关心前端性能，那么您应该将精力集中在其他地方。

查看此链接，更深入地讨论该主题：Assign a class name to <img> tag instead of write it in css file?

Answer 2

这取决于“同一件事”的定义。

如果您有两个共享通用语义的元素，则应为两者使用一个类。如果你有两个具有不同语义但只是碰巧共享一些视觉属性的元素，那么使用两个单独的类。

在确保维护和发展您的网站将是直截了当而不是痛苦方面，保持一致是很长的。

Answer 3

css代表减少网站的文件大小。使用通用类

是一种好习惯