在 CSS 中，我们有一个名为 currentColor 的特殊颜色值，可能大多数人都不知道。
currentColor 所做的是获取颜色属性的值并将其用于任何其他具有颜色参数的属性。
例如以下内容：
.red-box {
color: red;
border: 2px solid red;
box-shadow: 5px 10px red;
}下面currentColor写法与上面效果一样
.red-box {
color: red;
border: 2px solid currentColor;
box-shadow: 5px 10px currentColor;
}它为我们的 CSS 提供了更大的灵活性。我们只需要在一处更改颜色。将可以改变所有引用这个颜色的css变量。
它甚至适用于继承的值。例如：
body {
color: blue;
}
p {
border: 1px solid currentColor;
// will create paragraphs with a blue border
}而且，级联规则也适用在这里。如果我们有一个继承的值并且我们为子节点设置了一个新的颜色，那么这个新值将具有优先级。例如：
body {
color: blue;
}
p {
border: 1px solid currentColor;
color: red;
// will create paragraphs with a RED border
}
相关推荐
-
postcss的作用（postcss和cssmodule是什么？有什么作用？）
postcss是什么？ 根据官网的解释，它是一种javascript编写的工具，用来转化css的。可以认为它是处理css的插件集合，需要配合诸如webpack、gulp等编译工具才能展现它强大的能力。 目前社区提供了非常多的插件，比较有...
-
只会html和css能不能找到工作（只会html css js能找工作吗）
作为过来人说几句吧，去年七月份来到厦门开始实习生涯，作为一个通信工程专业的大四学生，又对通信岗位不感兴趣，在大三下学期的时候学会了html css以及js，技术水平自己觉得找个实习还是没问题的吧，能独立完成页面...
-
CSS截断长文本并使用省略号代替
网站很多地方都需要用省略号来截断长文本，比如分类页里每篇文章的概要等，那么怎么用css来实现呢？其实并不复杂，最后的效果如下图： 我们要用 text-overflow: ellipsis; 表示用省略号代替截断的文字。 要实现图中...
-
CSS calc()函数用法
calc() 是一个 CSS 函数，可让您直接在 CSS 中计算值。例如： 此功能最有用的功能之一是您可以混合多个 CSS 单位使用。在我们的示例中，我们使用了像素百分比，当然我们也可以使用 em、pt、rem 等。 我发现90%情况都...
-
css里首行缩进2字符怎么设置（首行缩进2字符css代码）
1、首先打开Notepad++软件，新建一个空文件 2、输入下图所示内容： 3、点击左上角的文件会出现下图所示界面点击保存 4、点击后会出现下图界面，文件名为css.html，这里CSS只是一个示例，其实只需要扩展名使用.htm或....
-
如何异步加载 CSS 文件
我们可以像这样异步加载 CSS： 应该什么时候使用css异步加载？ CSS 渲染是阻塞的，所以要考虑性能问题，因为浏览器下载 CSS，会停止绘制页面。因此，任何对首屏内容不重要的 CSS 都应该异步加载。另外，14kb-ish 是...
