老师可以讲讲&.cur怎么理解吗
来源:4-2 sass案例(2)
hyperse
2020-10-18 04:31:34
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代码,可通过选择【代码语言】突出显示
.btn{
padding: 8px;
display: inline-block;
font-size: $baseFontSize;
&.cur {
color: $redColor;
}
}
1回答
同学你好,问题解答如下:
1.&表示嵌套规则外层的父选择器。在问题粘贴的代码中,&就表示.btn,即&.cur表示.btn.cur。
2.两个选择器没有使用空格隔开,则表示交集选择器。.btn.cur选择即包含类名btn,又包含类名cur的元素。如下图中的元素,就会被.btn.cur选中。
祝学习愉快~
相似问题