CSS多类选择器

在HTML里，一个class值中可能包含一个词列表，各个词之间用空格分隔。

例如，如果希望将一个特定的元素同时标记为重要（important）和警告（warning）。就可以写作

<p class="important warning">
This paragraph is a very important warning.
</p>

注意：

1 这俩个类的顺序无关紧要。

2 我们假设class为important的所有元素都是粗体。class为warning的所有元素为斜体。

  class中同时包含important和warning的所有元素还有一个银色的背景。

  就可以写成

.important {font-weight:bold;}
.warning {font-style:italic;}
.important.warning {background:silver;}

注意：

如果一个多类选择器包含类名列表里没有的一个类名（urgent），匹配就会失败。

.important.urgent {background:silver;}

不过他能匹配一下元素：

<p class="important urgent warning">
This paragraph is a very important and urgent warning.
</p>