.lazy{padding: 5px 10pxwidth: 50pxmargin: 0 auto border: 1px solid redcolor:red}
.lazy2{padding: 5px 10pxwidth: 50pxmargin: 0 auto border: 1px solid #000}
</style>
<div class="lazy">类别</div>
<div class="lazy2">类别2</div>
class就相当于给这个div起了一个名字，然后就可以在css里面找到他的名字给他写样式了。不至于混乱。这个就是分别写的两个样式。
这个需要看你css文件加载顺序，A和B谁后加载用谁的，你可以把下边.a 和.b 换顺序分别查看下
<html><head>
<style type="text/css">
.b {background-color: #ffffff}
.a {background-color: #00ff00}
</style>
</head>
<body>
<h1 class="a b">这是标题 1</h1>
</body>
</html>
