html – 如果某个孩子至少存在一次,请选择一些孩子

概述我试图只选择类c的div,它至少有一个兄弟与b类.这里有些例子： // Case1<div class="a"> <div class="b"></div> <div class="b"></div> <div class="b"></div></div>// Case2<div class="a"> <div class="c"></div> 我试图只选择类c的div,它至少有一个兄弟与b类.这里有些例子：

// Case1<div >     <div ></div>    <div ></div>    <div ></div></div>// Case2<div >     <div ></div>    <div ></div>    <div ></div></div>// Case3<div >    <div ></div>    <div ></div> //this one    <div ></div></div>// Case4<div >    <div ></div> //this one    <div ></div>    <div ></div> //this one</div>

我尝试了以下规则：

.a > .b ~ .c {  background-color: red;}

它适用于案例1 – 3,但在第四个示例中,未选择具有类c的第一个div. AFAIK没有其他选择器可以帮助我,所以我在这里试试运气.

PS：a级的div可以有3个以上的孩子.这些只是示例而非实际用例.

解决方法 您不能匹配兄弟元素之前的元素,因为没有先前的兄弟选择器,也不能匹配包含其他子元素的父元素的子元素,因为没有父元素的选择器.您将需要一些不基于选择器的其他解决方法.

除非你使用JavaScript来匹配并将实用程序类应用于那些.c元素,否则不要指望这在selectors-4中是可行的 – 在这种情况下,你今天可以通过利用jquery的长期实现来实现：has( )(我刚才写的关于earlier today)：

$('.a:has(> .b) > .c')

总结

以上是内存溢出为你收集整理的html – 如果某个孩子至少存在一次,请选择一些孩子全部内容，希望文章能够帮你解决html – 如果某个孩子至少存在一次,请选择一些孩子所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。