jquery :not selection is not excluding expected element

Question

鉴于以下情况:

// all text should be red except in the excludeme id
$('body:not(#excludeme)').css('color', 'red');
// $('#excludeme').css('color','blue');

body {
  color: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
	div text
</div>
<br />
<span>
	<a id="excludeme">this text should be green</a>
	<br />
	span text
</span>

所有文本均显示为红色，但排除 ID 中的文本应保持绿色。为什么 :not 选择器不排除所选的 id？

Answer 1

:not 正在按预期工作。如果您检查 html 代码，您可以看到 a 元素没有将颜色更改为红色的内联样式。它从父元素获取颜色，因为所有其他元素都有红色。如果您愿意，可以在 css

中为这样的元素声明样式

#excludeme{
    color: green;
}

您可以在 css here 中阅读有关继承的更多信息。