CSS 中变量定义及使用

时间：2021-04-03 20:55:47 阅读：35 评论：0 收藏：0 [点我收藏+]

CSS 中变量定义

1、定义全局变量

:root {
  --borderColor: #ccc;
}

2、定义某元素下的变量

.look{
  --borderColor: #ccc;
}

3、定义媒体查询下的变量

@media screen and (min-width: 1025px) { 
    :root { 
        --borderColor: #ccc;
　　 }
}

使用： border-right: 1px solid var(--borderColor);

定义： @bg-color : #d9d9d9;

使用： border-right: 1px solid var(@bg-color);

定义： $bg-color : #d9d9d9;

使用： border-right: 1px solid var($bg-color);

原文：https://www.cnblogs.com/Maraitowa/p/14614556.html

踩

(0)

评论一句话评论（0）

分享档案

更多>