CSS默认颜色：类样式未指定color时文本颜色的来源

你写的.time类没有声明color属性时，元素的文本颜色不存在特殊隐藏逻辑，完全是按照CSS标准的取值规则逐层确定的，没有凭空生成的颜色：

• 优先遵循属性继承规则
  color本身就是CSS定义的可继承类属性：如果当前元素没有被显式设置color值，浏览器会从这个元素出发，沿着DOM树向上逐辈找父节点，直到碰到第一个已经设置了color的样式规则，就直接把那个色值拿来当自己的文本颜色。
  举个你场景里的实际例子：如果你的页面全局在<body>上设了color: #333，中间包裹这个.time div的所有父元素都没有修改过color值，那这个div的文本就会直接显示为#333。
• 父级全未设置时，触发浏览器内置默认样式
  如果沿DOM树找完所有祖先节点，发现没有任何一条自定义CSS规则设置过color，这时就会套用浏览器自带的内置默认样式表规则：绝大多数常规浏览器在无自定义样式的前提下，默认文本色是纯黑#000000；如果浏览器开启了夜间模式、或者匹配了系统级深色偏好，可能会自动调整为高对比度的浅色值，这套逻辑是浏览器内置的，不需要你手动编写规则。
• 结合你现有代码的补充提醒
  你这个.time类设置了background: #555555的深灰色背景，但因为没有同步设置对应color，如果最终继承来的文本色是深色，就会出现深底配深字的可读性问题，这也是很多CSS新手改完元素背景容易忽略的细节。
  另外你可以对照自己的代码理解继承的边界：这个类里已经显式写了font-size: .8em、text-align: center这些属性，这些属性就不会再继承父级的对应样式；但color因为没有写值，就始终走上面说的“先找父级继承，找不到就用浏览器默认值”的取值逻辑。

内容的提问来源于stack exchange，提问作者Jonas