Question

有三个用DIV排列的盒子，其宽，高，背景色一样，在页面的位置也一样，怎样在CSS中用类选择器简写法描述

像这个一样： h1, h2, p{background:#ccccff; color:#ff0000; border:1px solid black;}
类选择器有这种表示方法没

Answer 1

1.如果大小一样，位置不同。

<style>
.box{width:200px;height:100px;background:#ccf; color:#f00; border:1px solid black;margin:5px 0;}
</style>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

2.如果大小和位置全部一样的话，必须设置相对定位和层级。以下没有叠加的效果，有叠加的效果，增加2个样式即可，但只能看到一层效果，除非高宽不一样。

<style>
.box1,.box2,.box3{width:200px;height:100px;background:#ccf; color:#f00; border:1px solid black;margin:5px 0;position:relative;top:0;left:0;}
.box1{z-index:1;}
.box2{z-index:2;}
.box3{z-index:3;}
</style>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>

追问

怎么左边总是多出一节呢，求大神帮忙