Can a single div inherit properties from multiple classes without affecting the parent classes individually? For example:
div-one
<div class="classA classB">Some Text</div>
div-two
<div class="classA"></div>
div-three
<div class="classB"></div>
In the CSS file:
.classA{
height:100%,
width:100%
}
classB{
text-align:center,
etc:etc
}
How can additional configurations be applied to div-one without affecting classes A & B, and without using an ID property since the div is dynamically created? Is there a way to achieve this functionality like:
.classA .classB{
//additional config
}
However, it should not impact div-two and div-three.