Question

关于div+css的一些问题

<div class="hg-certs borderbox large"></div>

如题，这种class的写法，里面是不是调用了3中css样式呢，也就是这三种样式加起来的显示方法呢？

Answer 1

可以理解为div享受三个类的共用样式，不能说加起来显示，比如三个类都有background-color的值，这样不会三个背景颜色都显示，而是根据优先级最先的那个显示，还有就是要避免这样的写法尽量定义1-2个类，类越多以后修改起来越繁琐。

追问

嗯，那么这个优先级的先后顺序是按照hg-certs 、borderbox、 large写的这个从左到右的先后顺序吗？
其实这样也挺好的，写几个公共样式，如果需要用到，就直接这样就行了。。

追答

不是的，是按照style里面近者优先的原则就是后定义的优先
简单的说：
.hg-certs{background-color:red;width:200px; height:200px;}

.borderbox{background-color:yellow;width:200px; height:200px;}
.large{background-color:green;width:200px; height:200px;}
则这个div的颜色显示的是绿色的
.hg-certs{background-color:red;width:200px; height:200px;}
.large{background-color:green;width:200px; height:200px;}
.borderbox{background-color:yellow;width:200px; height:200px;}
则这个div的颜色显示的是黄色的
不知道这样写你能不能理解

追问

也就是说，和div这里的先后顺序无关。
而应该是按照css里面越后面定义的越优先。

追答

是的

Answer 2

对酒当歌。。人生几何？