Set a CSS property on elements that have a certain element inside

Question

I want to apply a rule on element1, if it contains element2. Is it possible?

<element1>

  ...

  <element2> ... </element2>

</element1>

Do you have PHP installed on your server? This could be accomplished with some simple regex. (Note that PHP is very simple to use, and can be cut and pasted into your code just like HTML/CSS/JavaScript. You don't have to recode your whole page, unlike other server languages like Perl) — , Dec 28 '12 at 02:56
instead of PHP, you can just use jQuery to do something like this as well. — kennypu, Dec 28 '12 at 02:56
Only if you can wait for the [level 4 selectors](http://dev.w3.org/csswg/selectors4/#subject) ;-) — steveax, Dec 28 '12 at 03:16

score 3 · Answer 1 · edited May 23 '17 at 11:56

3

No, there is no way to style a parent element. In CSS there is no operator like <. You can style only direct children with >, or descendants separating with a space.

For more, see a similar question Is there a CSS parent selector?.

edited May 23 '17 at 11:56

Community

1
1

answered Dec 28 '12 at 02:52

Eye

7,902
7
40
68

Ivo · Accepted Answer · 2012-12-28T03:10:58.660

1

this is only posible with Jquery

than you need to use something like this

    $("div").each(function(){

            if(jQuery(this).attr('class') != undefined && jQuery(this).hasClass('myclass')) {
              jQuery(this).css({"background-color":"green"});
         } else {
              jQuery(this).css({"background-color":"red"});
         }
    });

edited Dec 28 '12 at 03:10

answered Dec 28 '12 at 03:02

Ivo

2,368
6
21
41

Set a CSS property on elements that have a certain element inside

2 Answers2