我注意到一个奇怪的行为，不明白为什么会发生这种情况，因为它们似乎是有效的CSS类名（在正则表达式测试时通过）。在该模式中使用任何其他单词都可以，例如happy-world或happy_world。我在这里创建了一个Codepen来显示我正在经历的事情。点击这里https://codepen.io/akhatri7/pen/LYxMgOz

div {
  min-height: 50px;
  width: 50px;
  margin-bottom: 10px;
}

.sponsorlogo {
  background-color: violet;
}

.sponsor-logo {
  background-color: indigo;
}

.sponsor_logo {
  background-color: blue;
}

.sponsor__logo {
  background-color: green;
}

.happy-world {
  background-color: yellow;
}

.happy_world {
  background-color: red;
}

<div class="sponsorlogo"></div>
<div class="sponsor-logo"></div>
<div class="sponsor_logo"></div>
<div class="sponsor__logo"></div>
<div class="happy-world"></div>
<div class="happy_world"></div>

使用类名sponsor-logo和sponsor__logo可以正常工作。有人能解释一下为什么会这样吗？