Question

我想将css应用于以例如'abcd-'开头的所有类，但我不想将该css应用于具有名称的类，例如'abcd-dontapply'。我可以这样做吗？

我尝试了什么

 a[class |= "abcd"] :not([class = "abcd-dontapply"])
 {
     ---define CSS 
 }

但这不起作用，它不会将CSS应用于任何以'abcd - '开头的类。

Answer 1

如你的问题所述：

不要不必要地添加空白。就在之前的空白：不重要，即它改变了选择器的含义。

a[class^="abcd"]:not(.abcd-dontapply)
{
    /* define CSS here*/
}

您可以找到所有属性选择器规范here。

Answer 2

你可以用适当的css选择器做到这一点：从选择器开始就像 -

div[class^="abc"]:not([class="abc2"])