Can a custom rule be created in CSS using @media for a parent class to make changes based on the class?
<div class="parentGreen">
<ul class="ul1">
<li>1</li>
<li>2</li>
</ul>
<ul class="ul2">
<li>1</li>
<li>2</li>
</ul>
</div>
By changing the parentGreen class, the styling of the items inside can also change.
@parentGreen{
ul {
direction: ltr;
}
}
@parentYellow{
ul {
direction: rtl;
margin: 10px;
}
}