gpt4 book ai didi

CSS 选择器,不是

转载 作者:技术小花猫 更新时间:2023-10-29 11:03:32 27 4
gpt4 key购买 nike

我如何选择此文档中不在具有 .todeep 类的元素内的图像?在下面的情况下,应选择第二个和第三个元素。我不知道在“todeep”元素之后图像会有多深。

<body>
<div class="todeep">
<img>
</div>
<div>
<img>
<div>
<img>
<div class="todeep">
<img>
<div>
<img />
</div>
</div>
</div>
</div>
</body>

我首先想到了一个简单的解决方案:*:not(.todeep) img,但这也会选择在其祖先中具有非“todeep”元素的图像。

最佳答案

您必须选择所有图像,然后取消具有 .todeep 父级的图像。

所以代替

img { background-color: blue; width: 20px; height: 20px; }
*:not(.todeep) img { background-color: red; }

使用

img { background-color: red; width: 20px; height: 20px; }
.todeep img { background-color: blue; }

(从您的 jsfiddle 借来的示例代码)

关于CSS 选择器,不是,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8795565/

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