提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

Vue.js中css的作用域

VueJSCSS 作用域
2023-09-27 14:24:14 时间

Vue.js中的css的作用域问题：

　　如果在vue组件下的style中定义样式，效果会作用于整个html页面，如果只想本组件的css样式只作用于本组件的话，在<style>标签里添加scoped关键字即可！

例如：

1 <style scoped>
2 h1{
3   color: aquamarine;
4 }
5 </style>

　　这样的话，只有本组件的h1标签里的颜色才会改变。

相关文章