#### 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;
}
}
```
