gpt4 book ai didi

CSS:使用 not: 不仅要排除 div,还要排除其中的所有 div?

转载 作者:行者123 更新时间:2023-12-02 01:10:55 28 4
gpt4 key购买 nike

我想使用 not: 所以它会排除 div2 元素中的所有 p 元素。这是 html 文件:

<body>
<p> not in any div </p>
<div id="div1">
<p> div1 text1</p>
<div>
<p> div2 inner text2</p>
<div>
<p> div1 innermost text3</p>
<p> div1 innermost text4</p>
</div>
</div>
</div>

<div id="div2">
<p> div2 text1</p>
<div>
<p> div2 inner text2</p>
<div>
<p> div2 innermost text3</p>
<p> div2 innermost text4</p>
</div>
</div>
</div>

<div id="div3">
<p> div3 text1</p>
<div>
<p> div3 inner text2</p>
<div>
<p> div3 innermost text3</p>
<p> div3 innermost text4</p>
</div>
</div>
</div>
</body>

这是我使用的 CSS 文件,(显然)效果不佳:

div:not(#div2) p{
color:green;
}

这只排除了带有“div2 text1”的 p 元素,但不排除 div2 中的其他三个元素:

我相信这是因为“not:”只排除了 div2 div,但不排除其中的两个 div。

如何更改“:not”中的上下文,以便它不仅包括 div2 div,还包括 div2 中的所有 div?

我想做的事情可以通过使用 jQuery 轻松实现:

$('div p').not('#div2 p');

总结一下:如何更改此 css 行:

div:not(#div2) p{

那么它会像 jQuery 行一样(选择)吗?或者换句话说:

选择一个 div 内的所有 p 元素,除非它是 div2。或者换句话说:

选择所有包含单词 div1 或 div3 的 p 元素(但不使用此信息)

最佳答案

你试过子选择器了吗?

body > div:not(#div2)
{
color:orange
}

这将仅针对作为正文直接后代的 div。 fiddle :

http://jsfiddle.net/Xk5rb/

关于CSS:使用 not: 不仅要排除 div,还要排除其中的所有 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17436445/

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