使用一个班级

Question

我有以下代码：

#bottom p, h3 {
      color: red;
}

我只想让div中的h3与#bottom类成为红色。但我的所有h3标签现在在页面上都是红色的。因为这个h3标签前面是#bottom id，不应该只是这个div中的h3标签变成红色吗？

有趣的是，我的html中有其他<p>标记，而白色<p>标记的css代码则不会变为红色。

Answer 1

你应该这样做：

#bottom p, 
#bottom h3 {
   color: red;
}

这将定位标识为h3的节点中的所有bottom元素。

您的p代码正在按预期运行，因为您的css规则#bottom p已经指定了要在} 节点内使用p代码的规则id bottom。