<style>
.left,
.right {
width: 300px;
height: 120px;
}
.left div,
.right div {
width: 100px;
height: 90px;
padding: 5px;
margin: 5px;
float: left;
border: 1px solid #ccc;
}
.left div {
background: #bbffaa;
}
.right div {
background: yellow;
}
</style>
这里面开头的
.left,
.right {
width: 300px;
height: 120px;
}
这段是什么意思?
这2个class的共同属性
.left .right共用大括号里的样式
只是没有把两个类写到一行罢了, .left 是一个类 .right 也是一个类,中间用逗号隔开,是同时定义两个类的属性