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