逗号表示同个属性的多个可能取值,它是顺序取的,前一个不存在就选择后一个,描述同一属性。
空格表示同一对象不同属性,多个属性缩写成一行。
空格分开的是一个属性的多个值。比如border:1px#fffsolid这些都是border的值宽度颜色样式。
使用 style={} ,如
不同于vue的scoped,react引入的样式未进行模块化处理,因此均为全局样式,需要自行隔离
导入css名改为 .module.css 结尾
对于 create-react-app 创建的应用,直接 npm install --save node-sass 即可在组件中引用scss,无需更改webpack配置
方法有二1,将你的组件样式(class)命名规则复杂一点,以降低与组件外部样式冲突的几率
2,采用 ShadowDom 封装组件,利用这一原生技术实现一个隔离的样式环节