如何使CSS不做某事

Question

是否有可能让css不做某事？

示例：

ol {
    counter-reset: item;
}

ol.someClassname {
    NOT counter-reset: item;
}

我知道您应该只是切换类以使其工作。这不是一个真正的问题，我只是想知道它是否可行，谢谢

Answer 1

您可以将其设置为none：

ol.someClassname {
    counter-reset: none;
}

这将使counter-reset不对匹配的选择器执行任何操作。

Answer 2

根据CSS规范

  

：not伪类表示不由其参数表示的元素。

所以在你的例子中，这个：

ol {
  counter-reset: item;
}

ol.someClassname {
  NOT counter-reset: item;
}

成为这个：

ol:not(.someClassName) {
  counter-reset: item;
}