Is it possibile to get elements whose child has a specific class?

Question

Say a div has three child divs. I want to get the elements only if one of its children has specific class. Is it possible to do it with css?

That would make your CSS browse the DOM upward, it's not possible. Consider using Javascript to add a class to the parent when you add the class to any of the three children. — singe3, Aug 13 '14 at 09:32
possible duplicate of [Is there a CSS parent selector?](http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector) — web-tiki, Aug 13 '14 at 09:32
you can try out with jQuery using method Closet() because in jquery parent selector is not there — Pranay Rana, Aug 13 '14 at 09:34

Mark Rijsmus · Answer 1 · 2014-08-13T09:41:19.757

0

This isn't possible with CSS alone. You will have to do some javascripting like this.. Replace selector classes with your own.

$(document).ready(function() {
    var hasChild = $('div.wrapper div.childClass').length >  0;
    if (hasChild) {
      // add specific class;
      $('div.wrapper').addClass('specific');
    }
});

Then you will be able to style the specific class;

edited Aug 13 '14 at 09:41

answered Aug 13 '14 at 09:35

Mark Rijsmus

627
5
15

score 0 · Answer 2 · answered Aug 13 '14 at 09:46

0

There is no parent selector in css but you can use jQuery if you want such kind of selector.

Try following code

$('div:has(> a.active)').css('background', 'red');

Check this DEMO

answered Aug 13 '14 at 09:46

amol

1,507
8
9

Is it possibile to get elements whose child has a specific class?

2 Answers2