add CSS to the parent element

Question

I have the following HTML example code:

<div>
    <span class="foo">
</div>

<div>
    <span class="moo">
</div>

I want to add some CSS styles to the div that contains a child with moo class. Can I add a style to an element, when containing a specific child, with CSS only ?

You can use `jQuery` for this. https://api.jquery.com/parent/ — baig772, Apr 29 '15 at 09:10

score 1 · Answer 1 · answered Apr 29 '15 at 09:09

1

No, you can't select parent in pure css. you will have to add a class to your parent div

answered Apr 29 '15 at 09:09

Crock

121
6

user786 · Answer 2 · 2015-04-29T09:12:20.243

0

Use this

 $(".moo").parent().css("...","...")

There is no pure CSS solution. U have to resort to jquery or jscript

edited Apr 29 '15 at 09:12

answered Apr 29 '15 at 09:09

user786

3,902
4
40
72

3

Not the downvoter, but the question says "*by CSS only*" – Fabrizio Calderan Apr 29 '15 at 09:11

add CSS to the parent element

2 Answers2