【笔记】Vue3的CSS样式

发表于 更新于 分类于 阅读次数：

前言

Vue3的CSS样式学习笔记

定义局部样式

  • 通过scoped定义的样式为局部样式，局部样式只在当前组件中生效
1
2
3
4
5
<style scoped>
  * {
    color: red;
  }
</style>

定义全局样式

  • 默认定义的样式是全局样式，全局样式在所有组件中生效
1
2
3
4
5
<style>
  * {
    color: red;
  }
</style>

CSS预处理器

Less

1
2
3
4
5
<style lang="less">
  * {
    color: red;
  }
</style>

完成