如果CSS选择器不区分大小写，那么为什么不覆盖样式？

Question

据我所知，此question的css选择器不区分大小写，但HTML属性（类名）区分大小写，因此.Example css选择器应覆盖恕我直言<div class="example">但这不会发生。 .example { color: red; } .Example { color: blue; }颜色仍然是红色而不是蓝色，因为CSS选择器不区分大小写。

<div class="example">
  example
</div>

page.aspx

Answer 1

您绝对正确！ CSS实际上基本上不区分大小写。

但是，HTML 4.01将类和ID名称定义为区分大小写，并且在HTML5中未更改。

  

所有CSS语法在ASCII范围内均不区分大小写（即[a-z]和[A-Z]等效），但不受CSS控制的部分除外。例如，HTML属性“ id”和“ class”的值，字体名称和URI的区分大小写超出了本规范的范围。

Source

Answer 2

基本上

.example {}

和

.Example {} 

现在是两个不同的事物，因此最好避免对类使用相同的名称，并且最好不要在两个类中使用相同的名称。