老师,为什么这里要加&符?有点搞不懂

来源:5-17 Modal动画实现

一只小人一个猫

2021-10-29

图片描述

写回答

1回答

河畔一角

2021-10-29

这是scss的语法。给你举个简单的例子:

<div class="user age">小明</div>

如果你用css来实现这个样式,怎么写?

.user{

     font-size: 14px;

}

.user.age{

    color:red;

}

user和age在同一个class上面,当然.age前面也可以不加.user,但是有的时候,为了解决重名、作用域等问题,需要通过.user.age的方式来确保样式不影响别人或者提高优先级等问题,需要这么写。

scss里面的写法就是:

.user {

   font-size:14px;
   &.age{ color:red; }
}


是否看懂。

3
2
河畔一角
&是且的意思
2021-10-29
共2条回复

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程