2017-10-12 58 views
0

这是我在CSS中遇到的最奇怪的事情之一。Div有类但它的属性没有出现在检查员

我有一个名为.thin具有以下属性类:

.thin { 
    width: 75% !important; 
} 

我也有一个名为.themered具有这些属性的类:

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

然后,我有一个DIV与两个这些类,但在检查员中都没有出现,并且没有任何属性。

这是有问题的DIV的撷取画面:

enter image description here

正如你所看到的,类名,甚至没有在检查中列出。

...并使它更奇怪,这里是另一个DIV,它具有.thin和.themered类 - 它的工作原理与它应该做的一样。

enter image description here

我从字面上尝试一切。你之前是否需要处理类似的事情?

+0

您是否在相同页面或不同文件中编写了CSS? – anomepani

+0

这是一个SASS文件,它在它自己的文件中。 –

+0

我在WordPress中有这样的东西。问题出现在CSS更改后的缓存中,我必须清除所有浏览器缓存才能看到这些更改。 – BatOOn

回答

0

好吧,我想通了什么是偶然发生的。

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

您可以检查下面的屏幕截图。这是一条错误消息,我的插科打诨,正如你可以看到有是{{主题}}和{{类}}之间的符号:

Error message with hidden symbol

感谢大家的帮助。

相关问题