#### 命名规则
---
- CSS中的命名与HTML中的命名相对应,id与class使用中划线或下划线来命名;
- 英文单词的缩写必须保证可识别性,无法缩写的单词请勿再进行缩写;
- 一般情况下, `id`配合Javascript做dom唯一性识别,不设置样式;
> <span class="do">正确实践:</span>
```css
#nav-list{ }
#demo-page{ }
.my-item{ }
.content{ }
.navagation => .nav
.position => .pos
.background => bg
```
> <span class="dont">错误实践:</span>
```css
#NavList{ }
#DEMO-PAGE{ }
.my-Item{ }
.Content{ }
.author => ath
.pointer => pot
.table => tb
```