有没有办法引用具有多个类的html元素？

Question

我有以下

<p class="main yellow">Hello World</p>

我想写一个css元素，只引用带有main和yellow的元素。有没有办法做到这一点？

EG。以下不起作用，但我会追求

.main + .yellow { color:green }

Answer 1

这应该抓住它：

.main.yellow { color:yellow; }

虽然您可能会在不同的浏览器中获得不同的结果。我使用QuirksMode来了解跨浏览器将会/不会起作用的内容。

Answer 2

您只需将它们指定为

即可

.main.yellow { color: green; }

两个班级之间没有空格。

Answer 3

这对你有用吗？

.main.yellow{
  color:green;
}

Answer 4

正如其他人已经说过的，你想要的是：

.main.yellow { color:green; }

但是，让我快速解释为什么你的第一次尝试不起作用。 +关键字指的是跟随元素，即。之后的元素。

您的示例将匹配以下HTML ...

<p class="main">Hello</p>
<p class="yellow">World</p>

...并将第二段（.yellow）设为绿色。因此，“.main + .yellow”表示“选择.yellow之后的.main。”