CSS:元素有两个类时的样式

时间:2010-10-12 20:28:38

标签: css css-selectors

我一直在关注w3 page on css selectors并且没有找到任何有希望的线索,所以我想我会问......

有没有办法用两个类来设置单个元素的样式,而不是它是一个类?

示例:

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

a.foo { color:red; }
a.bar { color:yellow; }
a.foo.bar { color:orange; }

3 个答案:

答案 0 :(得分:20)

答案 1 :(得分:1)

是的,伙计,你刚刚自己回答了。快速扫描这两页 -

  1. http://webdesign.about.com/od/css/qt/tipcssmulticlas.htm
  2. http://www.maxdesign.com.au/articles/multiple-classes/
  3. 希望有所帮助:)

    尼克

答案 2 :(得分:0)

我刚尝试了你提出的代码,它运行正常(至少在Chrome上)。也许你的CSS在其他地方有一个错误,或者其他一些风格覆盖它。