元素有两个类时的样式

Question

我一直在查看 css 选择器的 w3 页面，但没有找到任何有希望的线索，所以我想我会问...

有没有一种方法可以用两个类来设置与一个类不同的单个元素的样式？

示例：

a.foo {
  color: red;
}

a.bar {
  color: yellow;
}

a.foo.bar {
  color: orange;
}

<a class="foo">Red</a>
<a class="bar">Yellow</a>
<a class="foo bar">Orange</a>

Answer 1

你刚刚回答了自己。警惕IE6 bug。

Answer 2

是的，伙计，你自己已经回答了。快速浏览一下这两页 -

1. http://webdesign.about.com/od/css/qt/tipcssmulticlas.htm
2. http://www.maxdesign.com.au/articles/multiple-classes/

希望有帮助:)

尼克

Answer 3

我刚刚尝试了你提供的代码，它运行良好（至少在 Chrome 上）。也许你的 CSS 其他地方有错误，或者其他样式覆盖了它。