合并CSS选择器的可行方法：如何合并指定两行CSS代码？

以下几种方法可以把你的两行CSS合并成单行：

• 多选择器逗号分隔（最常规方案）
  把两个目标选择器用逗号分隔，放在同一条CSS规则里，直接写成单行：

  .home .site-content .content-area, .archive.category .site-content .content-area { width: 100%; }
  

• 预处理器嵌套简化（需工具支持）
  要是你在用Sass、Less这类CSS预处理器，可以提取公共的子选择器做嵌套，写成单行：

  .home, .archive.category { .site-content .content-area { width: 100%; } }
  

  原生CSS不支持这种嵌套语法，所以纯CSS环境下还是用第一种方法更稳妥。

• 通用选择器覆盖（需确认范围）
  如果页面里所有.site-content .content-area元素都需要100%宽度，直接用通用选择器写单行就行：

  .site-content .content-area { width: 100%; }
  

  注意：这个方法会影响所有匹配该选择器的元素，得确保不会意外修改其他页面的样式。

内容的提问来源于stack exchange，提问作者Sraja