gpt4 book ai didi

jquery - css 不是选择器缺少主要元素之外的元素

转载 作者:行者123 更新时间:2023-11-27 23:37:12 25 4
gpt4 key购买 nike

我的站点中有一些组件,这些组件对它们有操作,但前提是不包含在另一个元素中。

不喜欢使用css选择器

:not(.container) > .box
<body>
<main>
<div class="container">
<div class="box">kalle</div>
</div>
<div class="box">palle</div>
</main>
<div class="box">olle</div>
</body>

如果上下文是正文,只会找到'palle'
如果上下文是 html,将同时找到 'palle' 和 'olle'

谁能解释一下为什么?

http://jsfiddle.net/4guher4u/2/

最佳答案

这是因为您的 bodymain 元素匹配 :not(.container) 选择器,因为它们都没有 “容器”的类。然后有一个直接的 .box child 被选中。

<!-- Not .container -->
<body>
<!-- Not .container -->
<main>
<!-- .container, ignored
<div class="container">
<div class="box">kalle</div>
</div>
-->
<!-- Not .container, is main > .box -->
<div class="box">palle</div>
</main>
<!-- Not .container, is body > .box -->
<div class="box">olle</div>
</body>

关于jquery - css 不是选择器缺少主要元素之外的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33389307/

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