css - 强制 css 选择器不区分大小写

Question

我有一个奇怪的场景，我在两个服务器之间移动代码。在原始服务器中，一切看起来都很好，但是在第二个服务器中，CSS 中断了。当我查看代码时，似乎 css 样式/类和 html 对应物都有不同的大小写，并且对于同一个类来说它们也不同，例如，html 有 class="main_menu" 和CSS 有 .Main_Menu。

很明显它应该会损坏，但是在原始服务器中似乎不知何故忽略了外壳，因此一切正常。那么知道这是如何实现的吗？

Answer 1

CSS 选择器已经不区分大小写。

您需要注意的是 HTML 类名，因为它们区分大小写。

参见 this question以获得更详细的解释。

---

我会告诉您两种方法来解决这个问题，但本质上，这两种方法都只是在上面贴上创可贴并称其为好。

1. 更改每个 HTML 类以包含新的 CSS 选择器
2. 通过某种 toLowercase() 方法运行整个样式表和 HTML 规则。

这两个都会解决您的问题，但都不是非常好的解决方案。

这个故事的寓意是使用一个案例并坚持下去。没有必要来回走动。