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);
}

• CSS代码优化方案
• javascript 代码如何优化
• php 压缩CSS代码
• php const和define的区别(php类中如何定义常量)
• JQuery如何自定义扩展接口
• JavaScript 复制功能代码，兼容多浏览器
• PHP中的常量分析
• 10 段实用的 .htaccess 代码片段