多个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 */
}

Answer 2

最后的h5表示特定规则仅适用于id内的h5元素。

作为一个例子，从你的第一个例子......

#container1,#container2 h5{ 
}

上述规则适用于id = contrainer1的元素，也适用于id = container2的元素内的h5元素。

使用：

#container1,#container2,#container3 h5{ 
}

你实际上是id = container1，id = container2以及id = container3

的元素中的h5元素

但在这两种情况下，带有h5标签的元素都不会以元素本身为目标，只会在其中定位标题标记。

Answer 3

您的代码似乎正确但您可以使用其他解决方案...... 为什么你不为你想要的每个div使用calss？

.divcontainer{
css....
}