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

Question

是否建议在 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}

是否建议对其他一些经常使用的属性(例如 float 、文本对齐或填充)执行此操作？

代码将越来越难以阅读和编辑，但如果只针对最常见的属性进行此操作，我会接受。渲染时的性能如何？它会使我的网站更快或更慢吗？

Answer 1

答案是:各不相同。

一般来说，只有当相关元素在内容或区域中相似时，我才会建议这样做。我会解释。

假设您有一个侧边栏，该侧边栏中有多个标题，您希望它们具有相似的样式。使用 aside h1, aside h2, aside h3 是完全可以接受的 { font-weight: normal;颜色:蓝色； }。

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