Html 使用class=“赞助商标志”或class=“赞助商标志”不会显示div

我注意到一个奇怪的行为，无法理解为什么会发生这种情况，因为在测试正则表达式时，它们似乎是有效的CSS类名。 在这种模式中使用任何其他词语都是有效的，比如“快乐世界”或“快乐世界”。 我在这里创建了一个代码笔来展示我的体验。检查这里

div{ 最小高度：50px； 宽度：50px； 边缘底部：10px； } .赞助商标志{ 背景色：紫罗兰色； } .赞助商标志{ 背景色：靛蓝； } .赞助商标志{ 背景颜色：蓝色； } .赞助商标志{ 背景颜色：绿色； } .快乐世界{ 背景颜色：黄色； } .快乐世界{ 背景色：红色； } 带有班级赞助商标志和赞助商标志的DIV也没有为我展示。但在进一步检查后，我发现这两个div的display属性被注入的样式表设置为none

---

注入的样式表是Chrome扩展可以注入页面的样式表。罪魁祸首是Adblock Plus，禁用扩展，您将看到结果与预期一致。

所有这些都在我这边正常工作。我看到赞助商标志的靛蓝盒子。你试过其他浏览器吗？我怀疑。。类名中的破折号是最流行的格式，根本不是问题，所以您遇到这种情况很奇怪。您是否尝试过完全不同的类名，如sp徽标。我的意思是，唯一的原因可能是其他css覆盖了它，但在代码笔中没有其他代码..在friend的M1 macbook上检查，在safari上显示正确，但在chrome版本90.0.4430.85上显示不正确官方构建arm64i尝试了赞助商world，它在这些组合中的确切两个字不起作用，我想知道为什么会发生这种事，真是疯了。我自己很长一段时间以来一直在使用-和uu在类名中是的，这确实很奇怪！您可以添加代码吗？我没有对原始代码笔进行任何代码修改：。如果已安装Adblock Plus扩展，请禁用它。