子元素的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
}

Answer 2

当然：

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

Answer 3

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

Answer 4

如果您在元素中有一些内容，那么给出的代码就可以正常工作，以便首先显示任何背景。

问题出在其他地方，代码部分未显示。