css 样式未应用于 guid css class 选择器

Question

我试图让一些后端代码为我生成一些样式，它打印 css class 和样式就好了。以下样式打印在页面顶部。

.655c6933-5ae9-4089-a576-df528bf6c823 {
     
    background-color:#f2f2f2;
}

正如您在下图中所见，html 上的 class 是相同的，但应用了样式，当我在 chrome 中添加自定义样式时css 选择器是文章。\36 55c6933-5ae9-4089-a576-df528bf6c823.

这有点令人困惑，我不知道这个 /36 space 是从哪里来的？

在这里您也可以看到并测试问题： https://jsfiddle.net/569r1p7x/

Answer 1

有关 class 以数字开头的内容，请参阅。

为了解决这个问题，以下对我有用；

<style>
. 55c6933-5ae9-4089-a576-df528bf6c823 {
    background-color: #f2f2f2;
}
</style>

还有...

<article class="655c6933-5ae9-4089-a576-df528bf6c823">Hello World</article>

</code> 代表数字 <code>6，它是 CSS class 中的第一个字符。数字 6 从 CSS 声明中删除以替换转义版本。

css style not getting applied to guid css class selector