html – CSS没有兄弟选择器

前端之家收集整理的这篇文章主要介绍了html – CSS没有兄弟选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
考虑以下html:
<div>
    <div class="iwant" />
    <div class="idontwant" />
</div>
 <div>
    <div class="iwant" />
</div>

我感兴趣的是一个选择器(用于抓取内容,因此我无法修改html),这将选择所有没有兄弟姐妹的iwant与类idontwant.

解决方法

没有兄弟选择符按类别匹配元素(或不符合).

我可以想到的最接近的选择器是

.iwant:only-child

但是这个选择器意味着,除了div class =“iwant”之外,除了父类div之外,不管其类型还是类,都不能有其他元素.这可能会满足您的需要,取决于您的HTML的结构,但是值得一试.如果类名对你来说是一个问题,那么可能没有太多的解决方案,因为在CSS中没有一个只有类的伪类,它会按类过滤,忽略其余的.

猜你在找的HTML相关文章