How can i hide a div with a specific class that contains a link with a specific href using a CSS / CSS3 selector?

i want to add a style (display:none) to hide a div element with the class "xclass" but only if it contains a link with the href "/somedir/somepage.php" is this doable with CSS or CSS3 selectors?

below is some example code for the div i wish to hide, it could appear anywhere inside a web page.

<div class="xclass">
  <div>
    <div>
     <a href="/somed开发者_JAVA技巧ir/somepage.php">
    </div>
  </div>
</div>

No, this isn't possible. Due to the way browsers handle CSS selectors, you cannot select a parent element based on its children.

This might be doable with JavaScript. Here's a jQuery snippet:

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