css代码中定义变量

 
更多

css中定义变量方法总结。

定义变量可分多种情况:

1、定义全局变量

:root {
  --borderColor: #ccc;
}

2、定义某元素下的变量

.look{
  --borderColor: #ccc;
}

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

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

使用:

.has-border-table > tr > td {
  border-right: 1px solid var(--borderColor);
}
打赏

本文固定链接: https://www.cxy163.net/archives/2929 | 绝缘体

该日志由 绝缘体.. 于 2024年09月08日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: css代码中定义变量 | 绝缘体
关键字: , , , ,

css代码中定义变量:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter