前端之家收集整理的这篇文章主要介绍了
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中没有一个只有类的伪类,它会按类过滤,忽略其余的.
原文链接:https://www.f2er.com/html/230825.html