CSS“颜色”与“字体颜色”

时间:2010-03-23 16:28:38

标签: css

任何人都知道CSS为文本提供color的原因,但没有font-colortext-color

似乎非常反直觉,有点像text-decoration: underline而非font-style或与字体相关的内容。

有谁知道为什么/如何让W3C想出如此广泛的CSS名称?

3 个答案:

答案 0 :(得分:183)

波士顿也提出了街头计划。他们沿着已经存在的奶牛路径,建造了没有街道的房屋,过了一段时间,改变就太麻烦了。

答案 1 :(得分:103)

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

div {
    border: 1px solid;
    color: red;
}

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

或者,它可能只是W3C的CSS标准完全倒退且无意义,如其他地方所证明的那样。

答案 2 :(得分:9)

我知道这是一篇旧帖子,但正如MisterZimbu所述,color属性定义了其他属性的值,border-color和CSS {3} {。}}。 / p> 如果你想使用其他元素的字体颜色(例如背景或自定义复选框和内部元素的无线电),

currentColor非常方便。

示例:

currentColor
.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;
}