node\node-sass\sass-loader对应版本
node版本:v14.18.3node-sass版本:4.7.2sass-loader版本:7.3.1node版本:16.13.1node-sass版本:6.0.1sass-loader版本:10.0.1
·
node版本:v14.18.3 node-sass版本:4.7.2 sass-loader版本:7.3.1
node版本:16.13.1 node-sass版本:6.0.1 sass-loader版本:10.0.1
npm install -g cnpm@7.1.0 --registry=https://registry.npm.taobao.org
清理缓存命令: npm cache clean --force
用法:
1.变量:
(1)使用$命名
(2)可以{}内部中使用,作用域在{}内;可以在{}外部使用,作用域在整个style中
$link-color: blue;
a {
color: $link_color;
}
2.规则嵌套
嵌套前:
#content article h1 { color: #333 }
#content article p { margin-bottom: 1.4em }
#content aside { background-color: #EEE }
嵌套后:
#content {
article {
h1 { color: #333 }
p { margin-bottom: 1.4em }
}
aside { background-color: #EEE }
}
3.父选择器的标识符& 适用于伪类
article a {
color: blue;
&:hover { color: red }
}
4.群组选择器的嵌套
.container {
h1, h2, h3 {margin-bottom: .8em}
}
nav, aside {
a {color: blue}
}
5.>
article > section { border: 1px solid #ccc }
article下紧跟着的级别子元素中命中section选择器的元素
更多推荐
已为社区贡献3条内容
所有评论(0)