:not(a) { b-6ren">
gpt4 book ai didi

html - CSS :not is not working

转载 作者:可可西里 更新时间:2023-11-01 13:00:42 26 4
gpt4 key购买 nike

如我所料,文本 "Color Blue" 的背景应该是蓝色,而不是 "No color"。然而,它们都不是彩色的。

    <html>
<style>
#main > :not(a) {
background: blue;
}
</style>
</head>
<body>
<div id="main">
Color Blue
<br>
<a>No color</a>
</div>
</body>
</html>

如何在 不更改 html 代码的情况下将文本“Color blue”的 bg 着色为蓝色?这是请求的预期输出:

enter image description here

最佳答案

您的 CSS 选择器 #main > :not(a) 表示匹配“任何作为#main 的直接子元素的元素,a 元素除外”。

不幸的是,“Color Blue”不在子元素中,因此您的 CSS 选择器与它不匹配。同样不幸的是 - 你不能直接定位文本节点(参见:Is there a CSS selector for text nodes?),所以你不能只设置“Color Blue”文本的样式

相反,也许您可​​以设置整个#main 的样式,然后将 a 的背景颜色更改为其他颜色?例如

#main { background: blue; }
#main > a { background: white; }

关于html - CSS :not is not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40202058/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com