scss之&的用法

摘要:
今天我看到了一段用scs编写的工作代码:。el-checkx_inner{&hover{border color:是父选择器标识符;您可以将上述代码编译为.elcheckx_inner;

今天看到一段用scss写的工作代码:

.el-checkbox__inner {
  &:hover {
    border-color: #42b983;
  }
}

其中,&的作用是什么呢?我查阅了以下资料,&是父选择器标识符。

即可把以上代码编译成

.el-checkbox__inner:hover {
    border-color: #42b983;
}

当然,&父选择器标识符并不仅仅用于链接伪类选择器,看如下scss代码实例:

#content aside {
  color: red;
  body.ie & { color: green }
}

编译为css代码如下:

#content aside {color: red};
body.ie #content aside { color: green }

免责声明:文章转载自《scss之&的用法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇记录ora-12560:TNS:协议适配器错误四 数据模型操作下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

界面编程模仿篇(QQ登录界面逼真篇)

写了好多天的爬虫,偷空前前后后用了两天的时间(排除吃饭睡觉)写完了这个QQ登录界面,看起来还凑和着吧,如果是的大神的,莫见笑,纯属业余作品,废话先不多说,截图如下,其中第二幅图片中的红色方框部份有待完善,明天开始继续搞爬虫,等有时间时再完善,先凑和着吧: 本篇博文就分析一下这个界面设计中的几个关键点,在阅读本博文之前请先阅读我个人博客上关于模仿QQ界...

Myeclipse安装svn插件

Myeclipse安装svn插件 演示版本 myeclipse——myeclipse8.6 svn——subeclipse-site-1.6.5.zip(对应Myeclipse版本,要有对应的svn插件版本) 方法一: 1.解压svn插件到Myeclipse安装目录下(新建一个目录myplugins,并删除所有的配置文件(xml文件) 2.在Myeclip...

React Native Android原生模块开发实战|教程|心得|怎样创建React Native Android原生模块

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 告诉大家一个好消息。为大家精心准备的React Native视频教程公布了,大家现能够看视频学React Native了。 前言 一直想写一下我在React Nativ...

Java注解--实现动态数据源切换

当一个项目中有多个数据源(也可以是主从库)的时候,我们可以利用注解在mapper接口上标注数据源,从而来实现多个数据源在运行时的动态切换。 实现原理 在Spring 2.0.1中引入了AbstractRoutingDataSource, 该类充当了DataSource的路由中介, 能有在运行时, 根据某种key值来动态切换到真正的DataSource上。...

使用new实现realloc操作

    本文定义了一个宏来实现使用new代替realloc的操作,代码如下: #include <iostream> #include <malloc.h> using namespace std; // p - 内存指针 // n - 申请内存数量 // T - 申请内存类型 #define...

微信内置浏览器清理缓存方法

目前感觉大部分所接触过的项目,目标用户几乎都是使用微信浏览器打开的,在一定程度来说,发布测试版还有本地测试的过程中,微信这种怎么也清不掉的缓存真的很烦人. 下面直入正题, 给出清除微信浏览器缓存的终极方法: 登出微信,再重新登录微信.  ☆☆☆ 如果嫌麻烦的话, 可以试一下不一定成功的清除缓存方法: 1. 重新刷新几次,直到缓存被刷掉   ☆ 2. 在改变...