Css 用一个类定位多个元素

Css 用一个类定位多个元素,css,Css,我有以下代码: #bottom p, h3 { color: red; } 我只想把舱底的h3变成红色。但是我所有的h3标签现在都是红色的。由于此h3标记前面有#底部id,因此该div中的h3标记是否应变为红色 有趣的是,我的html中还有其他的标记,还有一个css代码,用于白色的标记,它们没有变为红色。您应该执行以下操作: #bottom p, #bottom h3 { color: red; } 这将以id为bottom的节点内的所有h3元素为目标 由于css规则#b

我有以下代码:

#bottom p, h3 {
      color: red;
}
我只想把舱底的h3变成红色。但是我所有的h3标签现在都是红色的。由于此h3标记前面有#底部id,因此该div中的h3标记是否应变为红色

有趣的是,我的html中还有其他的
标记,还有一个css代码,用于白色的
标记,它们没有变为红色。

您应该执行以下操作:

#bottom p, 
#bottom h3 {
   color: red;
}
这将以id为
bottom
的节点内的所有
h3
元素为目标


由于css规则
#bottom p
已指定要应用于id为
bottom
的节点内的
p
标记的规则,您的
p
标记正在按预期工作

#bottom
选择ID,而不是类。课程以句号开始。在CSS中,逗号分隔选择器。我建议您阅读CSS基础知识。最终您将能够使用CSS选择器级别4中的伪类(这将允许您执行
#bottom:matches(p,h3){color:red;}
),您确定吗?看起来规范中谈到了匹配伪类。()如果你看看Firefox,你会发现它在工作
:-moz-any()
(和
:-webkit-any()
)是CSSL4的
:matches()
伪类的前身。