包含多个选择器的PHP / CSS -Format内容

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; }

这被视为具有类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>