PHP / CSS-格式化包含多個選擇器的內容

Question

我有以下div：

<div id="main">
  <aside class="readableCenterAside left"> ## Content 1 ## </aside>
  <aside class="readableCenterAside right"> ## Content 2 ## </aside>
</div>

這在我的CSS中：

.readableCenterAside {
  width: 12.5%;
}
.right { float: right; }
.left { float: left; }

是否可以格式化多個選擇器的內容？ 例如，我想添加padding-left:1em; 到上面的內容1和padding-right: 1em; 內容2而不創建新的選擇器，如.asideLeftPadding 。

我正在尋找的是這樣的：

.readableCenterAside 'AND' .left { padding-left: 1em; }

有什么建議么？

Answer 1

將它們直接連接，沒有space或AND

.readableCenterAside.left { padding-left: 1em; }

這被讀為具有class類readableCenterAside 和 left元素

 .readableCenterAside { width: 12.5%; } .right { float: right; } .left { float: left; } .readableCenterAside.left { padding-left: 1em; color: green; } 

 <div id="main"> <aside class="readableCenterAside left">## Content 1 ##</aside> <aside class="readableCenterAside right">## Content 2 ##</aside> </div>