在 vue 文件中的 style 标签上当一个 style 标签拥有 scoped 属性时,它的 CSS 样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有 style 标签全部加上了 scoped ,相当于实现了样式的模块化。
关于css中的scope
最新推荐文章于 2024-05-23 10:51:56 发布
在 vue 文件中的 style 标签上当一个 style 标签拥有 scoped 属性时,它的 CSS 样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有 style 标签全部加上了 scoped ,相当于实现了样式的模块化。