Css 在这种情况下，避免重复声明是否被视为良好做法？

是否建议在CSS中组合相等声明以减少文件大小并避免重复

例如：

#topbar,#searchbox.focus,#usermenu li:hover a,#cart-flyout-table tbody td,.btn_remove:hover,#heading-warenkorb a:hover,.button:hover span,.input-text:focus,#pages li a:hover,select:focus,.picture-overview li:hover,#category-sub li a:hover {background-color:#e3eed3}

是否建议对其他经常使用的属性（例如浮点、文本对齐或填充）执行此操作

---

代码将变得越来越难阅读和编辑，但如果这将只为最常见的属性，我会接受它。渲染时的性能如何？这会让我的网站更快还是更慢

我看不出合并声明有什么问题

但是，如果您想将相同的样式应用于整个页面，最好考虑调用

body{}

或

*{}

此处介绍了在这两者之间进行选择的详细信息：

---

---

你也可以考虑使用或避免这么多的组合

，我会避免你提到的CSS样式。

它使样式表更难阅读和更新

相反，我会根据页面的各个部分对样式进行分组

导航

，

标题

，

内容

，等等

还是通过行动

表单

，

行动调用

等

或者两者兼而有之

如果您在这些类别中看到一些重复，那么组合就可以了

否则，例如，如果您想更新一个

a

，您可能需要查看四个或更多不同的位置（链接、活动、访问和悬停）。

答案是：变化。 一般来说，我只建议当所讨论的元素在内容或区域上类似时才这样做。我会解释的

假设您有一个侧边栏，该侧边栏中有几个标题，您希望具有类似的样式。使用

asideh1，asideh2，asideh3{font-weight:normal；color:blue；}

是完全可以接受的

---

但是，按照您描述的方式使用它，对于页面不同部分上的100个不同元素，我不推荐使用它。

如果我要为此使用类，应该如何调用它。bg浅绿色？我已经学会避免使用这样的名字。在这种情况下，这可能不是一个好主意。我的意思是，为了减少这种声明，您必须考虑HTML的整个样式。有意思的是，你想在哪里吃浅绿色？可以在父元素上设置样式吗？有没有办法重构你风格中的公共部分（而不仅仅是浅绿色）。。。这种css语句很难重构和维护，特别是当你有很多这样的语句时。这种颜色用于Magento中完全不同位置的许多元素。有些元素是布局框架的一部分，有些元素只是按钮或列表项的悬停状态。这会导致不同选择器的数量不同。只是颜色每次都一样。好的，我明白了。相信Jason的回答，你应该分组，我认为这是处理你的案件的最好方式