老师可以讲讲&.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回答

好帮手慕夭夭

2020-10-18

同学你好,问题解答如下:

1.&表示嵌套规则外层的父选择器。在问题粘贴的代码中,&就表示.btn,即&.cur表示.btn.cur。

2.两个选择器没有使用空格隔开,则表示交集选择器。.btn.cur选择即包含类名btn,又包含类名cur的元素。如下图中的元素,就会被.btn.cur选中。

http://img.mukewang.com/climg/5f8ba76509b951e203010045.jpg

祝学习愉快~

0

0 学习 · 10739 问题

查看课程