style-component 中 &. 和 . 的区别

来源：8-1 什么是路由，如何在React中使用路由功能

慕前端6301706

2019-06-22

在组件中再去定义新的className 应该用&. 还是. 呢？

看到很多都用了& 想问问这个符号的意思加和不加的区别在哪里呢

写回答

1回答

Captain_Pan

2019-06-22

style.div`

&.active {
color: red;

}

等价于

div.active {

color: red;

}

(&符号会被替换为包裹他的父选择器)

这里指的是具有.active 类名的 div，只有一个div

2. 如果不加&，则表示，div下的.active元素。（有一个 div 和 div 的子节点 .active)

React零基础入门到实战，完成企业级项目简书网站开发

主流新技术 React-redux，React-router4，贯穿基础语法

5275 学习 · 2496 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 2