尤其是大型团队合作的项目, 很难确定某个特定的类或者元素是否已经赋过样式. 所以在大部分情况下我们都会绞尽脑汁新创建一个类名, 而不是复用已有的类型....6️⃣ CSS 解析方式的不确定性
CSS 规则的加载顺序是很重要的, 他会影响属性应用的优先级, 如果按需加载 CSS, 则无法确保他们的解析顺序, 进而导致错误的样式应用到元素上....不过不是所有东西都可以通过 JS 模拟, 比如伪元素....在 create-react-app 中已内置支持:
import styled, { createGlobalStyle } from 'styled-components/macro';
const...特性:
比较轻量, 不需要 JS 运行时, 因为他在编译阶段进行计算
所有样式默认都是 local, 通过导入模块方式可以导入这些生成的类名
可以和 CSS proprocessor 配合
采用非标准的语法