Html CSS排除语法

我希望

中的所有锚定链接都是白色的，除了

标记中的锚定链接，该标记位于

标记中

四处搜索，我发现了以下内容。不幸的是，它不起作用。似乎我的锚链接都不是白色的

.status-outer a:not(ul.dropdown-menu > li > a) {
    color: #fff;
    text-shadow: none;
}

有人能帮我找到问题吗

请注意，我找到了其他关于排除语法的文章（这就是我如何编写上述代码的原因），但我找不到任何特定于我的需要的示例

否定伪类：not（X）是一种函数表示法，它使用一个简单的选择器

您需要执行以下操作：

.status-outer a { color: white; }
ul.dropdown-menu > li > a { color: inherit; }

---

不确定颜色是否可以继承

向那些不希望为白色的列表元素添加第二个类，并使用CSS“color”规则覆盖前一个类。

的

：Not（）

伪元素只能使用简单选择器，这基本上意味着单一的东西，例如

body

，

#id

、

.class

或

[属性]

。不能在其中指定整个选择器

.status-outer a { color: #FFF; }
.status-outer .dropdown-menu li a { color: #000; }

您必须指定两个单独的选择器。默认情况下，一个将锚点设置为白色，另一个将锚点设置为继承其父元素的颜色（如果其包含在列表中）

。外部状态a{
颜色：#fff；
文本阴影：无；
}
.状态外部ul.下拉菜单a{
颜色：继承；
}

---

您将遇到的唯一问题是

text shadow

没有

inherit

值，这意味着您无法将其重新添加为其父项的值。一旦删除它，您必须重新指定它。我不知道这是否100%适用于这里。

那么，给

一个新的类名就行了？@hjpotter92:问题似乎是我没有正确的语法来排除那些带有特定类的元素的锚链接。看来我也会对你的建议提出同样的问题。@JonathanWood，你能把你适用的标记贴在小提琴上让我们玩吗？@James Hill:谢谢，但我的实际标记非常复杂，Chad的回答似乎符合要求。谢谢<代码>文本阴影不是问题。但是，

color:inherit

似乎是。这是一个下拉菜单（Twitter引导），根据该菜单项是否高亮显示，该菜单具有不同的颜色。使用

color:inherit

似乎会扼杀这一点。@乔纳森：啊，另一个选择是将设置这些链接颜色的样式放在重置样式下面，并确保它们更具体，以便它们无论如何都会覆盖此样式

ul.下拉菜单li a

比

更具体。状态外部a

因此您不应该有问题。