Donot repeat youself.
DRYCSS跟OOCSS有点像,而DRYCSS则关注重复，无论什么逻辑，只要是一样的就应该只有一个。
## 四步走
* 可重用的CSS属性组合在一起
```css
{
background-color: #fff;
border-color: #ccc;
}
{
background-color: #fff;
border-color: #bbb;
}
```
* 按逻辑命名这些组
```css
#LIGHT-WHITE-BACKGROUND,
.light-white-background
{
background-color: #fff;
border-color: #ccc;
}
#MEDIUM-WHITE-BACKGROUND,
.medium-white-background
{
background-color: #fff;
border-color: #bbb;
}
```
* 将选择器添加到不同的CSS组中
```
#LIGHT-WHITE-BACKGROUND,
.translation,
.entry .wp-caption,
#full-article .entry img,
.recent-comment .comment-text,
.roundup h3,
.post-header-sharing,
#post-categories td.label,
#post-archive roundup h3,
.subscription-manager ol,
.light-white-background
{
background-color: #fff;
border-color: #ccc;
}
#MEDIUM-WHITE-BACKGROUND,
textarea:focus,
input:focus,
#author-email-form .input-focus,
#respond p input:focus,
.wpfc7 input:focus,
.medium-white-background
{
background-color: #fff;
border-color: #bbb;
}
```
