内联 CSS 不支持复杂的样式配置, 例如伪元素, 伪类, 动画定义, 媒体查询和媒体回退(对象不允许同名属性, 例如display: -webkit-flex; display: flex;)
内联样式通过..., 所以不能直接在选择器中声明他们, 但可以在模板字符串中引用其他组件:
const Icon = styled.svg`
flex: none;
transition: fill 0.25s;...点击这里了解更多, 另外在这里了解如何在 Typescript 中声明 theme 类型
8....缺点: 就是需要学习成本, 所以这里笔者建议使用标准的 cssnext 来代替 SCSS/Less 这些方案
方法论: CSS 的各种方法论旨在提高 CSS 的组织性, 提供一些架构建议, 让 CSS...Preprocessor 方案; 对于一般应用笔者建议使用 CSS-in-js 方案, 它学习成本很低, 并且There's Only One Way To Do It 没有太多心智负担, 不需要学习冗杂的方法论