子元素的CSS样式规则

Question

对于如下结构

<div class="container">
<div class="headers">
  <div class="header"></div>
  <div class="header"></div>
  ...
</div>
<div class="contents">
  <div class="content"></div>
  <div class="content"></div>
  ...
</div>
</div>

我正在应用如下的CSS样式,但似乎背景颜色仅应用于标题而不是内容(样式在悬停事件期间应用)

.container .header,.content{background-color:#55bbee;font-weight:700;color:#fff}

我当然肯定这是选择器的一个错误,但错误在哪里让我困惑.我可以做到这一点,并愉快地工作,但如何在单行中做到这一点

.container .header{background-color:#55bbee;font-weight:700;color:#fff}
.container .content{background-color:#55bbee;font-weight:700;color:#fff}

Answer 1

据我所知,你不能将选择器分组.你必须引用.container两次

.container .header, .container .content { 
  background-color:#55bbee; font-weight:700; color:#fff
}