css 使用样式隔离叫做什么

html-css034

css 使用样式隔离叫做什么,第1张

CSS多个属性之间,用逗号OR空格隔开。

逗号表示同个属性的多个可能取值,它是顺序取的,前一个不存在就选择后一个,描述同一属性。

空格表示同一对象不同属性,多个属性缩写成一行。

空格分开的是一个属性的多个值。比如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 封装组件,利用这一原生技术实现一个隔离的样式环节