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()
伪类的前身。