#### Sass/Scss规则
---
- 嵌套样式使用隔行来使代码更加易读;
- 如果嵌套样式的父节点不含任何样式,则不需要进行嵌套;
- 嵌套使用伪类元素;
> <span class="do">正确实践:</span>
```scss
div.student {
width:200px;
.name {
color : green;
ul > li {
list-style:none;
}
}
.subButton {
border: 1px solid #f2f2f2;
&:first-child {
border:none;
}
}
}
```
> <span class="dont">错误实践:</span>
```scss
div.student {
width:200px;
.name {
color : green;
ul{
li{
list-style:none;
}
}
}
.subButton {
border: 1px solid #f2f2f2;
}
subButton:first-child{
border:none;
}
}
```
