合并相同的定义

很多时候在 CSS 代码中，定义的规则会有相同的部分。可以合并这些相同的样式定义，达到代码重用和缩减代码的目的。比如如下的 CSS 代码：

.library-title {
  text-align: center;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 1.2em;
  line-height: 2em;
}
.search-title {
  text-align: center;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 1.4em;
  line-height: 2.5em;
}

以上的代码中，定义了两个 CSS 规则，这两个规则中大部分的定义是相同的，在这种情况下，即可合并定义这些相同部分，优化后的代码如下：

.library-title,
.search-title {
  text-align: center;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}
.library-title {
  font-size: 1.2em;
  line-height: 2em;
}
.search-title {
  font-size: 1.4em;
  line-height: 2.5em;
}