Apply a CSS or SASS rule to an element only if it has a specific child element

Asked Jun 28 '16 at 15:44

Active Jun 28 '16 at 15:44

Viewed 21 times

I have a some HTML like so

<div class="parent">
   <div class="child1"></div>
   <div class="child2"></div>
</div>

<div class="parent">
   <div class="child1"></div>
</div>

i want the .parent to have a width of 300px only if it has a .child2 element.

Therefore the second .parent above would not have a width of 300px because it doesn't have a child with a .child2 class.

In CSS or SASS. i have no idea on how to approach this. And in my particular case, javascript is not an option

asked Jun 28 '16 at 15:44

Raymond Ativie

@paulie_D how about SASS? – Raymond Ativie Jun 28 '16 at 15:48
SASS still outputs CSS. If it can't be done in CSS then SASS/LESS won't help. – Paulie_D Jun 28 '16 at 15:48
1

It is absolutely not a duplicate and is possible in CSS and SASS. Please reopen the case @paulie_D so I can answer properly. – Paul Lemarchand Jun 29 '16 at 15:24
@paulie_D please open the question if has an answer – Raymond Ativie Jun 29 '16 at 15:30

0 Answers0