首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >CSS "color“与"font-color”

CSS "color“与"font-color”
EN

Stack Overflow用户
提问于 2010-03-24 00:28:38
回答 3查看 359.7K关注 0票数 138

任何人都知道为什么CSS为文本提供了color,但没有font-colortext-color

看起来非常违反直觉,有点像text-decoration: underline,而不是font-style或与字体相关的东西。

有没有人知道W3C为什么会有这么多这样的CSS名称?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-03-24 00:41:07

我认为其中一个原因可能是颜色应用于字体以外的其他东西。例如:

代码语言:javascript
复制
div {
    border: 1px solid;
    color: red;
}

生成红色字体颜色和红色边框。

或者,也可能只是因为W3C的CSS标准完全是倒退的和毫无意义的,正如其他地方所证明的那样。

票数 113
EN

Stack Overflow用户

发布于 2010-03-24 00:31:35

同样的方式,波士顿提出了它的街道规划。他们沿着已经在那里的牛道,在街道不存在的地方建造房屋,过了一段时间,改变起来太麻烦了。

票数 195
EN

Stack Overflow用户

发布于 2016-08-05 21:15:03

我知道这是一个古老的帖子,但正如MisterZimbu所说,color属性定义了其他属性的值,如border-colorcurrentColor的CSS3。

如果你想使用其他元素的字体颜色(例如,作为背景或内部元素的自定义复选框和单选按钮),currentColor非常方便。

示例:

代码语言:javascript
复制
.element {
  color: green;
  background: red;
  display: block;
  width: 200px;
  height: 200px;
  padding: 0;
  margin: 0;
}

.innerElement1 {
  border: solid 10px;
  display: inline-block;
  width: 60px;
  height: 100px;
  margin: 10px;
}

.innerElement2 {
  background: currentColor;
  display: inline-block;
  width: 60px;
  height: 100px;
  margin: 10px;
}
代码语言:javascript
复制
<div class="element">
  <div class="innerElement1"></div>
  <div class="innerElement2"></div>
</div>

票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2501723

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档