如何将CSS应用于具有多个类的元素？

有没有办法将样式应用于包含多个类的元素

例子

---

foo
富吧
酒吧

---

我只想修改包含类“foobar”的元素的样式。XPath信息类似于

//div[contains（@class，“foo”）和contains（@class，“bar”）]

。有没有关于纯CSS的想法，不必创建一个独特的类？

像这样：

.foo { background: red; }
.bar { background: blue; }
.foo.bar { background: purple; }

像这样：

.foo { background: red; }
.bar { background: blue; }
.foo.bar { background: purple; }

解决

---

解决

---

---

要是它知道红色和蓝色可以变成紫色就好了——它可以自动做到这一点！；）也许不值得一提，但以防万一，IE6在这方面有一些问题@BoltClock在这里解释得很好：在IE6:

e.c1.c2…cn

=

e.cn

中，

e

是一个元素，

ci

是一个具有位置的类

i

@thirtydot:如果我看到这个问题，我可能不会浪费时间问：）---我确实搜索了SO和google:--你能检查属性吗中的选择器IE6@vol7ron：IE6根本不支持属性选择器，就像你答案中的那样。如果它知道红色和蓝色会变成紫色，它就可以自动做到这一点！；）也许不值得一提，但以防万一，IE6在这方面有一些问题@BoltClock在这里解释得很好：在IE6:

e.c1.c2…cn

=

e.cn

中，

e

是一个元素，

ci

是一个具有位置的类

i

@thirtydot:如果我看到这个问题，我可能不会浪费时间问：）---我确实搜索了SO和google:--你能检查属性吗中的选择器IE6@vol7ron：IE6根本不支持属性选择器，如您答案中的属性选择器。

 .foo.bar { ... }

 [class="foo bar"] { ... }             // explicit class name

 [class~="foo"][class~="bar"] { ... }  // inclusive class name