css - 多个 html div 使用相同的 css 样式

Question

我有 2 个 div 元素#container1、#container2。我可以按以下方式使用样式吗？

#container1,#container2 h5{ 
}

如果是，那么我不能让它为#container3 工作

#container1,#container2,#container3 h5{ 
}

规则似乎不适用于#container3 ..可能是什么原因？

Answer 1

该选择器将应用于#container1、#container2 和#container3 中的任何 h5。我想你想要:

#container1 h5, 
#container2 h5, 
#container3 h5 {
  /* styling */
}

然而，这正是类的目的。如果您将 class="container" 添加到每个容器 div，您可以简单地使用以下规则:

.container h5 {
  /* styling */
}