html - Apply css rule only if previous div exists -
if have div-a , div-b, possible apply css rule div-b if div-a exists? or apply rule div-a if div-b exists? (without using jquery).
<div class="box"> <div class="div-a>..</div> <div class="div-b>..</div> </div>
generally, no. unless div-b child or sibling of div-a.
for descendant:
.div-a .div-b for direct children:
.div-a > .div-b for siblings:
.div-a ~ .div-b for adjacent siblings:
.div-a + .div-b see child , sibling selectors.
note these relations work 1 way only. in cases provided above, applied div-b, if div-b inside (child) or after (sibling) div-a. given mark-up, use sibling or adjacent sibling combinator style div-b, there no way style div-a conditionally.
i think best option add class parent if contains div-b. use simple combined selector .parent-class .div-a style it.
Comments
Post a Comment