My HTML code looks like this:
<div id="main">
<aside class="readableCenterAside left"> ## Content 1 ## </aside>
<aside class="readableCenterAside right"> ## Content 2 ## </aside>
</div>
Here is my CSS:
.readableCenterAside {
width: 12.5%;
}
.right { float: right; }
.left { float: left; }
I am wondering if it is possible to style elements that have multiple selectors simultaneously. For example, I want to add padding-left:1em; to Content 1 and padding-right: 1em; to Content 2 without creating a new selector like .asideLeftPadding.
Is there a way to achieve this by combining selectors? Like this:
.readableCenterAside 'AND' .left { padding-left: 1em; }
Any advice on how to accomplish this?