Css 将相同的选择器连接到单个

当我的scss文件中有两个相同的选择器时

.logo-black {
      background-color: #fff;
}

.logo-black {
    width: 10%;
}

有没有办法把它连接成1

.logo-black {
    background-color: #fff;
    width: 10%;
}

---

您可以使用样式表压缩器。例如，将压缩级别设置为“标准（可读性和大小之间的平衡）”将使第一个示例变成第二个示例

你也可以完全缩小你的风格，并美化他们。例如，使用上面链接的工具，将压缩级别设置为“最高”，将输出

.logo-black{background-color:#fff;width:10%}

然后，您可以使用CSS美化器对其进行美化—有很多，但例如，将缩小的输出转化为第二个示例

---

请注意，在所有这些情况下，使用编译后的CSS（而不是源SCS）是最安全的，因为这些格式化工具没有考虑预处理器的功能。

为什么不将其作为一个来编写呢？你在使用别人的源代码吗？不知道你在问什么。把这两个结合在一起有什么不对？你自己回答了你的问题，你可以像在你的第二段代码中那样做