如何使用CSS / CSS3选择器隐藏包含特定href链接的特定类的div？

Question

我想添加一个样式（display：none）来隐藏带有“xclass”类的div元素，但只有当它包含带有href“/somedir/somepage.php”的链接时才可以使用CSS或CSS3选择器？

下面是我希望隐藏的div的一些示例代码，它可以出现在网页内的任何位置。

<div class="xclass">
  <div>
    <div>
     <a href="/somedir/somepage.php">
    </div>
  </div>
</div>

Answer 1

不，这是不可能的。由于浏览器处理CSS选择器的方式，您无法根据子元素选择父元素。

这可能适用于JavaScript。这是一个jQuery片段：

$('.xclass').each(function() {
    if ($(this).has('a[href="/somedir/somepage.php"]')) {
        $(this).hide();
    }
});