css样式中传入变量（记录）

最新推荐文章于 2023-09-21 16:29:42 发布

鑫动了~

最新推荐文章于 2023-09-21 16:29:42 发布

阅读量1k

点赞数 1

分类专栏： vue css scss 文章标签：前端 html css scss

本文链接：https://blog.csdn.net/zssafsa/article/details/127320263

版权

vue 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

css

1 篇文章 0 订阅

订阅专栏

scss

1 篇文章 0 订阅

订阅专栏

⛳️： CSS样式中传入变量
😇：鑫动了的主页 -- 欢迎各位小伙伴
💗：前端小白的成长之路，一起学习，一起成长~

以下为代码段实例简写：

<div class="main" style="{'--color':color}">
 我要动态变换颜色 -- 红色
</div>

data(){
  return{
    color:'red', //此处自定义后 -- 实现动态改变css字体颜色值
  }
}

<style>
 .main{
  // 获取style传入的自定义的变量给到 --color
  color:var(--color);
 }
</style>

--- 以上为简写，实际应用根据自己需求来定义任何样式哦 --