Div 具有类，但其属性未显示在检查器中

Question

这是我在 CSS 中遇到的最奇怪的事情之一。

我有一个名为 .thin 的类，它具有以下属性：

.thin {
    width: 75% !important;
}

我还有一个名为 .themered 的类，具有以下属性：

.themered {
    background: $themeRed !important;
    border-color: darken($themeRed, 15%) !important;
}

然后我有一个包含这两个类的 DIV，但它们都没有出现在检查器中，并且它没有任何属性。

这是相关 DIV 的屏幕截图：

如您所见，检查器中甚至没有列出类名。

...更奇怪的是，这里是另一个具有 .thin 和 .themered 类的 DIV - 它的工作原理与预期的一样。

我已经尝试了一切。你以前有没有处理过类似的事情？

Answer 1

好的，我偶然发现到底发生了什么。

在动态创建类名的标签之间有一个不需要的隐藏符号，导致浏览器认为这两个不同的类名实际上是一个类名，中间有一些奇怪的“A”符号。

您可以查看以下屏幕截图。这是我搞砸的错误消息，正如您所见，{{theme}} 和 {{class}} 之间有一个符号：

Error message with hidden symbol

感谢大家的帮助。