高手请进！关于CSS中class选择器使用多种样式的问题

Question

在网上下了一些js的下拉菜单的特效 发现源码里存在一个class内使用多个样式,比如<div class="style1 style2"></div> 不理解这种方法 而在外面定义的css中只存在“style1”和“style2”这两种样式。我修改了引用的样式（<div class="style1"></div>或<div class="style2"></div>）发现都达不到原来的华丽效果了。 所以就想请高手讲解一下~

Answer 1

这是class类别选择器的一种简单应用，class="style1 style2"也就是使用style1与style2所有样式的并集，但是需要注意的是：这个是有顺序的，class="style1 style2"首先载入style1里面的样式，然后再载入style2的，如果style1与style2里面有相同的属性，但是他们的值不同，比如：style1里面有color:red;而style2里面有color:green;那么最终的值就是后面的那个color:green;，如果你要使用（<div class="style1"></div>或<div class="style2"></div>）这样的样子，只需把二者里面的内容放到一个里面就行了，顺便注意一下前面说到的问题就行了

Answer 2

看个例子，你就知道了. <style type="text/css">
.u1{text-decoration:underline}
.u2{border-bottom-style: double}
</style>
<span class="u1">单下划线</span>
<span class="u2">双下划线</span>
<span class="u1 u2">三下划线</span>你复制运行下看看。

Answer 3

class="style1 style2"表示同时应用style1 style2,如果你改成了<div class="style2"></div>就只应用了style2了,效果肯定有差别啊