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

Question

我有以下

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

我想写指的是与主及黄色只有元件的CSS元件。有没有办法做到这一点？

例如，以下是不行的，但会是什么我后

.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之后”。