2012-09-15 49 views
3

在SASS中,当出现错误时,它会在浏览器的页面顶部显示一条消息。它的一个样本在附图中。如何在浏览器中显示SASS错误消息?

该文本不可选。这不是一个图像。它不会出现在查看源中。它在Firebug中不可见。

错误文本是如何呈现的?

enter image description here

UPDATE

感谢@FluffyJack,我调查,发现一个body:before在包含语法错误的CSS文件中使用。 Github上没有被目前的合作,但我追查其中的错误消息是从SASS呈现给vendor/sass/lib/sass/error.rb包含:

body:before { 
    white-space: pre; 
    font-family: monospace; 
    content: "#{header.gsub('"', '\"').gsub("\n", '\\A ')}"; } 
END 

回答

3

我认为这是使用内容属性。

喜欢的东西

html:before { 
    content: "Syntax error..." 
} 

检查CSS。

+0

大声笑,你是对的。我通过一个测试html文件测试了这个。但是,源文件中没有这样的文本或css:之前。也许通过Javascript添加? (但我还没有找到任何证据)任何想法为什么该文本是不可选择的?这是HTML规范的“要求”部分吗? – Zabba

+0

不知道为什么。但CSS内容永远不可选择。猜测可能是CSS规范的一部分,它可以像那样处理。也许你对HTML规范是正确的。 – FluffyJack

+1

有点自豪,现在,这是一个疯狂的猜测:嘿嘿 – FluffyJack