我有一个奇怪的场景,我在两个服务器之间移动代码。在原始服务器中,一切看起来都很好,但是在第二个服务器中,CSS 中断了。当我查看代码时,似乎 css 样式/类和 html 对应物都有不同的大小写,并且对于同一个类来说它们也不同,例如,html 有 class="main_menu"
和CSS 有 .Main_Menu
。
很明显它应该会损坏,但是在原始服务器中似乎不知何故忽略了外壳,因此一切正常。那么知道这是如何实现的吗?
最佳答案
CSS 选择器已经不区分大小写。
您需要注意的是 HTML 类名,因为它们区分大小写。
参见 this question以获得更详细的解释。
我会告诉您两种方法来解决这个问题,但本质上,这两种方法都只是在上面贴上创可贴并称其为好。
- 更改每个 HTML 类以包含新的 CSS 选择器
- 通过某种 toLowercase() 方法运行整个样式表和 HTML 规则。
这两个都会解决您的问题,但都不是非常好的解决方案。
这个故事的寓意是使用一个案例并坚持下去。没有必要来回走动。
关于css - 强制 css 选择器不区分大小写,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20213197/