css中定义变量
2024-09-01 22:57:44
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);
}
less中定义变量
定义:
@bg-color : #d9d9d9;
使用:
.has-border-table > tr > td {
border-right: 1px solid var(@bg-color);
}
sass中定义变量
定义:
$bg-color : #d9d9d9;
使用:
.has-border-table > tr > td {
border-right: 1px solid var($bg-color);
}
最新文章
- VS2010 无法计算HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\MSBuild\ToolsVersions\14.0@VCTargetPath处的属性表达式
- Install PaddlePaddle (Parallel Distributed Deep Learning)
- Nodejs学习笔记(十一)--- 数据采集器示例(request和cheerio)
- 几种Boost算法的比较(Discrete AdaBoost, Real AdaBoost, LogitBoost, Gentle Adaboost)
- 20145305 《Java程序设计》第4周学习总结
- C/C++ 位域知识小结
- [转载]Linux LVM硬盘管理及LVM扩容
- PetaPoco 增删改查
- google ip地址
- [Open Source] .NET 基于StackExchange.Redis的扩展
- LBSN中的用户行为模式分析
- 从零开始学习前端开发 — 11、CSS3选择器
- 数据库运维平台~Yearning测试与总结
- Linux设备驱动程序 第三版 读书笔记(一)
- 以太坊(Ethereum) - 节点时间未同步和区块同步失败案例分析
- java打印随机函数
- rdlc报表函数
- Java 反照机制中 getMethod()和getDeclaredField()区别
- dva-loading使用方法
- 最全ASCII对应码表-键值