为何CSS文本颜色属性命名为‘color’而非‘text-color’？

Great question! This is one of those seemingly odd CSS naming choices that clicks once you dig into its history and design logic. Let’s break it down:

• Historical Roots in Early CSS
  When CSS1 was first drafted in the mid-1990s, the spec prioritized simplicity and brevity. The color property was explicitly meant for text color, and back then, there was no confusion because other color-related properties for non-text elements already had distinct names: background-color for element backgrounds, border-color for borders, and so on. The spec authors probably saw no need to add a redundant text- prefix when the context was already clear.

• Difference from Decorative text-* Properties
  The text- prefix is mostly reserved for properties that add decorative or transformative effects to text—think text-decoration (underlines, strikethroughs), text-transform (uppercase/lowercase), or text-indent. These are all about modifying how text is presented beyond its core styling. color, on the other hand, is a fundamental text style, just like font-size or font-family—none of these use a text- prefix either, because they’re inherently tied to text content.

• Backward Compatibility & Industry Inertia
  Once color became the standard, changing it to text-color would break millions of existing websites and stylesheets. Web technologies prioritize backward compatibility above almost everything else, so the name stuck. Even as CSS evolved through newer versions (CSS2, CSS3, and beyond), the W3C never proposed renaming color—it’s now such a deeply ingrained part of CSS that any change would be completely impractical.

To sum it up: color is short, intuitive once you learn its purpose, and has stood the test of time thanks to compatibility and early design choices. There’s no ambiguity because other color-related properties clearly specify which part of the element they affect.

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