Return 图例元素的默认样式

Question

我的 less 文件已设置，因此作为字段集子项的图例具有特定样式。我要制作一个 legend.default ，它也是 fieldset 的子项，但它将具有其默认样式。我不想列出每个 属性 并写入其默认样式。有没有办法让 this.legend.dafault 没有任何继承的样式或任何东西？

Answer 1

实际上无法将 属性 恢复为默认值，但您可以使用 :not 仅为非默认图例定义样式。

fieldset legend:not(.default) {
  /* certain styles */
}

参见:not(X) on CSS Tricks。请注意，如果您使用示例中的简单选择器，这在所有主流浏览器中都可以正常工作。复杂的选择器还不能用作 :not() 的参数，因为在撰写本文时没有主流浏览器支持它。

就个人而言，我更愿意为特定 class 定义样式，并将 class 添加到您 做 想要样式的图例中，而不是使用这个否定解决方案，但我会把这个决定留给你。