无效字符使声明无效时的意外css行为

Question

最近我遇到了一个问题，我的字体声明不起作用，我的自定义字体由于某些原因而默认使用。当我调查时，发现在字体声明之前有一个无效的字符。

就像这样：

 v
 @font-face {
    font-family: 'Somefont';
    src: url('somefont.eot?') format('eot'), 
         url('somefont.woff') format('woff'), 
         url('somefont.ttf') format('truetype');
}

因此，在本例中，“v”停止字体面声明的工作，这是有意义的。这一次之后的所有样式声明都正常工作，就像您预期的那样。

不过，我的问题是，在我的无效性格和我的风格声明之间有一种有效的评论，如下所示：

v
/* 
 * FONTS
 * ------------------------------------
 */

@font-face {
    font-family: 'Somefont';
    src: url('somefont.eot?') format('eot'), 
         url('somefont.woff') format('woff'), 
         url('somefont.ttf') format('truetype');
}

以下是我被困在其中的一点：

我希望无效的'v‘字符什么也不做，对于注释(它的格式是正确的)来说，可以重置css的无效性，并允许第一个字体面正常工作，就像在第一个示例中，第一个字体-面板声明’被击中‘，并允许剩余的css正常工作。

它直接向上的css，所以没有前处理器的参与。

谁有更好的css知识，然后我愿意解释它？

N.B.我正在寻找关于为什么允许样式声明重置/偏移无效字符而不是注释的技术解释，而不是如何避免css错误/bug。

Answer 1

如果您是在问为什么注释对CSS的行为没有影响，那是因为这正是注释的行为方式--包括样式表中的注释或从样式表中删除注释都不应该以任何方式改变它的解释。在进行任何解析之前，注释很可能会从样式表中删除，这将解释您所描述的情况。

Answer 2

我想说的是，这是一个事实，一个评论是不同的声明。无效字符可能会在它之后中断第一个声明--注释只是简单地被传递，所以中断仍然发生在下一个声明中。