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

好的，我弄清楚到底发生了什么事。

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

您可以查看以下屏幕截图。这是我通过搞乱的错误信息，你可以看到{{theme}}和{{class}}之间有一个符号：

Error message with hidden symbol

感谢大家的帮助。