使用sublime-linter csslinter对<style>标记进行虚假错误

Question

作为sublime 3的相对新手，我正在尝试设置sublime-linter插件来检查HTML和CSS文件。

＆＃xA;＆＃xA;

我遇到的问题是安装了HTMLTidy和CSSLint以及HTML文件中的相关插件，csslint为我的html页面中的元素抛出了验证错误。

＆＃xA;＆＃xA;

＆＃xA;

'意外的令牌'＆lt;'在第8行，第1行。'

＆＃xA;

＆＃xA;＆＃xA;

我在Windows 7上使用Sublime 3（Build 3083）和v0.10.0的csslint来自HTML5 Bundle的HTML版Tidy for Windows版本5.1.9

＆＃xA;＆＃xA;

例如，如果我有一个html文件，例如：

＆＃xA;＆＃xA;

 ＆lt;！DOCTYPE html＆gt;＆＃xA;＆lt; html＆gt;＆＃xA; ＆LT; HEAD＆GT;＆＃XA; ＆lt; title＆gt;这是一个标题＆lt; / title＆gt;＆＃xA; ＆LT;风格＆GT;＆＃XA; h1 {color：red;}＆＃xA; p {color：blue;}＆＃xA; ＆LT; /风格＆GT;＆＃XA; ＆LT; /头＆GT;＆＃XA; ＆LT;身体GT;＆＃XA; ＆lt; h1＆gt;标题＆lt; / h1＆gt;＆＃xA; ＆lt; p＆gt;段落。＆lt; / p＆gt;＆＃xA; ＆lt; / body＆gt;＆＃xA;＆lt; / html＆gt;＆＃xA;  

＆＃xA;＆＃xA;

然后打开＆lt; style＆gt;标记被标记为错误，因为结束标记。

＆＃xA;＆＃xA;

通过使用“切换Linter”启用和禁用SublimeLinter选项，我可以看到这些错误仅在csslint已启用。

＆＃xA;＆＃xA;

通过阅读linters和SublimeLinter的注释，我可以通过向表单的SublimeLinter首选项的csslint部分添加规则来抑制此行为/ p>＆＃xA;＆＃xA;

 “ignore_match”：[＆＃xA; “。*意外的令牌。*”＆＃xA; ]，＆＃xA;  

＆＃xA;＆＃xA;

这解决了这个错误，但副作用是在第一个样式元素上抛出新警告 - 在上面例如形式的h1元素

＆＃xA;＆＃xA;

＆＃xA;

标题{h1}不应该是合格的

＆＃xA;

＆＃xA;＆＃xA;

我只能通过在我的样式元素中创建虚拟第一行来删除。

＆＃xA;＆＃xA;

我的问题是：

＆＃xA;＆＃xA;

＆＃xA;
• 是否有明智的预防方法第一个错误，当CSS元素紧跟在样式标记之后的行中时，不会阻止正确的CSS问题突出显示？
＆＃xA;
• 我应该以不同方式格式化HTML以避免这些验证错误吗？
＆＃xA;
• 有没有办法通过使用一组不同的lint工具来避免这个问题，这些工具仍然会在Sublime中自动提供HTML5和CSS验证？
＆＃xA;

＆＃XA;＆＃XA;

感谢

＆＃XA;