CSS Specificity疑问：同选择器下不同属性为何表现不同？

不存在你所说的“color属性优先级更高、border属性优先级更低”的情况，核心问题出在你对CSS选择器特异性规则和简写属性生效逻辑的误解上：

• 所有属性遵循同一套优先级规则
  CSS的优先级由选择器的特异性决定，不存在单个属性优先级特殊的情况。比如全局选择器（*）的特异性为0,0,0,0，div选择器的特异性为0,0,1,0，后者更高。因此不管是color还是border，只要div选择器中明确定义了对应属性，就会覆盖全局选择器的规则。

• 简写属性的生效逻辑导致视觉差异
  你觉得border“优先级更低”，大概率是因为header中的border是简写属性（同时设置border-width、border-style、border-color），而div选择器可能只覆盖了其中某个子属性（比如仅定义border-color），此时未被覆盖的子属性（如border-style）仍会保留header中的设置；而color是单一属性，只要div中定义了color，就会直接覆盖所有上层规则，因此看起来表现不同——但这不是优先级差异，是属性写法（简写/单一）的区别。

• 纠正预期偏差
  同一冲突场景下，所有属性的优先级判定规则完全一致。你看到的差异并非属性优先级不同，而是是否被选择器明确覆盖、以及属性本身是否为简写类型导致的结果。

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