I am trying to set text color depends on li span class name.If span class name is green parent li text color also should be green.If span class name is gray parent li text color also should be gray.How we can do it?
Demo:https://stackblitz.com/edit/angular-gr8adt?file=src%2Fapp%2Fapp.component.css
This question is not duplicate.please understand clearly.
CSS:
.green{
color:green;
}
.gray{
color:gray;
}
span.arrow < li {
color:green;
}
span.gray < li {
color:green;
}
HTML:
<ul>
<li><span class="green"></span>Car</li>
<li><span class="green"></span>Bike</li>
<li><span class="gray"></span>Plan</li>
<li><span class="gray"></span>Cycle</li>
</ul>