在

Question

我有一种奇怪的行为，我不明白。在课程unusedstyle之前使用课程contentmain-style的非常简单的HTML。在这种情况下，div不会获得绿色边框！在unusedstyle之后删除或订购contentmain-style时。我试着在每个浏览器上都有相同的行为。

为什么会这样？是否禁止在其他人之前使用空的未使用的样式？我错过了什么？

感谢您的回答。

代码段

.unusedstyle {
  
} 

.contentmain {
  border: 2px solid green;
}

<div class="contentmain">test</div>

Answer 1

在.unusedstyle {}之后你有一个奇怪的角色：

Answer 2

尝试将代码复制到JSFiddle。它在未使用的样式的最后一个括号后显示无效字符。一旦删除了那个并再次运行代码，它似乎按预期工作。

Answer 3

尝试使用其他编辑器。使用带括号的代码可以顺利运行。

Answer 4

<。>在.unsedstyle结束标记之后}你有一个额外的元素来阻止你的内容类

.unusedstyle {
  
} 

.contentmain {
  border: 2px solid green;
}

<div class="contentmain">test</div>