sass使用

1.嵌套规则
#main p {
color: #00ff00;
width: 97%;
.redbox {
background-color: #ff0000;
color: #000000;
}
}
2.父选择器 &
#main {
color: black;
a {
font-weight: bold;
&:hover { color: red; }
}
}
或
#main {
color: black;
&-sidebar { border: 1px solid; }
}
3.变量 $
$width: 5em;
#main {
width: $width;
}