如何合并多个类选择器的公共部分

把各个类选择器的公共部分单独写一份，可减少CSS的冗余

在css文件中，若多个类选择器或id选择器有相同部分，可把相同的css样式放到一起，以减少冗余。

例如：

原来的代码为：

.cls1{
  width:130px;
  background-color:silver;
  height:200px;
  float:left; 
  margin:5px 0 6px;
  }

.cls2{
  background-color:red;
  width:450px;
  height:200px;
  float:left; 
  margin:5px 0 6px;
  }

.cls3{
  background-color:blue;
  width:152px;
  height:200px;
  float:left; 
  margin:5px 0 6px;
  }

可把公共部分提取出来，精简为：

.cls1{
  width:130px;
  background-color:silver;
  }
  .cls2{
  background-color:red;
  width:450px;
  }
  .cls3{
  background-color:blue;
  width:152px;
  }
  .cls1, .cls2, .cls3{
  height:200px;
  float:left; 
  margin:5px 0 6px;
  }

更多精彩内容：http://www.bianceng.cnhttp://www.bianceng.cn/web/Css/

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索类选择器
， width
， 选择
， px
， 部分
， height
， cls
多个选择器
css选择器公共、类选择器、jquery 类选择器、css类选择器、js类选择器，以便于您获取更多的相关知识。