带：：课后&；没有：：类后css不起作用

我曾尝试为按钮添加css，但它不起作用

<button>Test<button>

---

感谢advance，CSS不是这样工作的，您不能在

：not（）

选择器中以伪元素为目标

但是，如果希望当用户将光标悬停在伪元素上时浏览器忽略该伪元素，而伪元素本身并不与元素本身重叠，则可以使用

指针事件

属性执行此操作，如下所示：

按钮{
位置：相对位置；
}
按钮：悬停，
按钮：焦点{
颜色：红色；
}
按钮：：之后{
内容：“伪元素”；
指针事件：无；
位置：绝对位置；
左：0；
最高：150%；
文本对齐：左对齐；
宽度：200px；
}
按钮：悬停：：之后，
按钮：focus:：after{
颜色：首字母；
}

按钮

CSS不是这样工作的，您不能在

:not（）

选择器中以伪元素为目标

但是，如果希望当用户将光标悬停在伪元素上时浏览器忽略该伪元素，而伪元素本身并不与元素本身重叠，则可以使用

指针事件

属性执行此操作，如下所示：

按钮{
位置：相对位置；
}
按钮：悬停，
按钮：焦点{
颜色：红色；
}
按钮：：之后{
内容：“伪元素”；
指针事件：无；
位置：绝对位置；
左：0；
最高：150%；
文本对齐：左对齐；
宽度：200px；
}
按钮：悬停：：之后，
按钮：focus:：after{
颜色：首字母；
}

按钮

你需要修正你的

按钮上的输入错误，以便它正确关闭。我不清楚输入错误，你能给出建议吗？你的开始
标签需要正确关闭。您有
Test
，但它应该是：
Test
。此外，CSS伪元素，如
after
前面应该有两个冒号，而不是一个（即
：
after
）。您需要修复
按钮上的键入错误，使其正确关闭。我不清楚键入错误，您能给出建议吗？您的
标签需要正确关闭。您有
Test
，但它应该是：
Test
。另外，CSS伪元素，如
after
前面应该有两个冒号，而不是一个（即
：：after
）。我建议使用color:currentcolor而不是color:initial。颜色的初始值不一定是currentcolor；它通常是由用户或平台的主题设置设置的默认字体颜色。@BoltClock令人惊讶的是，我以前从未见过这个
currentColor
属性，而且它看起来可以回到IE9？！很明显，我一直生活在岩石下。编辑：将此应用于代码段会使其继承红色悬停颜色，这是因为它不适用于其他任何内容吗？嗯，我明白你为什么现在使用首字母。这个想法是为了避免在hover上对生成的内容着色，对吗？如果是这样，currentcolor在这里就没有帮助了，因为正如您所指出的，颜色是从悬停按钮上继承的。@BoltClock，我的问题是不同的，如果按钮有：：after，我想添加一些CSS属性，以防按钮没有：：after，它应该反应某些CSS属性。在我的例子中，我有多个带有图标和图标背景的按钮，如果按钮有图标，：：after类将由CSS添加，因为它的按钮没有：：after类。事实上，这些东西对我来说很好。我想在之后的按钮上再添加一个条件。我已经尝试在CSS中使用：not实现，但它不起作用。我建议使用颜色：currentcolor而不是颜色：initial。颜色的初始值不一定是currentcolor；它通常是由用户或平台的主题设置设置的默认字体颜色。@BoltClock令人惊讶的是，我以前从未见过这个
currentColor
属性，而且它看起来可以回到IE9？！很明显，我一直生活在岩石下。编辑：将此应用于代码段会使其继承红色悬停颜色，这是因为它不适用于其他任何内容吗？嗯，我明白你为什么现在使用首字母。这个想法是为了避免在hover上对生成的内容着色，对吗？如果是这样，currentcolor在这里就没有帮助了，因为正如您所指出的，颜色是从悬停按钮上继承的。@BoltClock，我的问题是不同的，如果按钮有：：after，我想添加一些CSS属性，以防按钮没有：：after，它应该反应某些CSS属性。在我的例子中，我有多个带有图标和图标背景的按钮，如果按钮有图标，：：after类将由CSS添加，因为它的按钮没有：：after类。事实上，这些东西对我来说很好。我想在之后的按钮上再添加一个条件。我已经尝试使用：不在CSS中实现，但它不起作用。
.button:hover,
.button:focus,
.button:active {
  padding: 8px 18px;
}
.button:not(.button:after):hover,
.button:not(.button:after):focus,
.button:not(.button:after):active {
  padding: 8px 38px;
}