如何用Emotion在React中编写CSS，实现长尾词？

本文共计667个文字，预计阅读时间需要3分钟。

简介：emotion是一个JavaScript库，允许用写JS的方式写CSS代码。在React中安装emotion后，可以方便地进行CSS的封装和复用。使用emotion后，浏览器渲染出的标签会增加一个CSS开头。

简介：

emotion是一个JavaScript库，使用emotion可以用写js的方式写css代码。在react中安装emotion后，可以很方便进行css的封装，复用。使用emotion后，浏览器渲染出来的标签是会加上一个css开头的标识。如下：截图中以css-开头的几个标签，就是使用emotion库后渲染出来的。

下面就从安装到使用，介绍下emotion在工程中的应用。