标签: csslint

在CSSLint (csslint.net)中,他们不建议使用id选择元素.我相信CSS Lint,因为它是由聪明的人写的,他们非常了解CSS.但我想知道这是什么原因？为什么选择id不好的东西？

我正在为我们的网站编写CSS,我只是通过CSS Lint运行它.我正在努力理解相当多的警告,以便社区的帮助.

1. 不要在选择器中使用ID.

   这不是ID的重点吗？用于解决页面上的特定元素？

2. 选择器中有2个ID,真的吗？

   有没有更好的方法来选择元素而不是在同一行中使用两个选择器？

3. 破箱模型:使用带有边框顶部的高度.

   我不知道这是什么意思.我的理解是箱子高度与边界高度是分开的.我已经为元素定义了一个高度,然后边界边被单独定义,我哪里错了？

4. 标题(h1)不应该是合格的.

我已经在我的样式表中使用了CSSLint,并且我得到了一个我不明白的警告.

考虑这个CSS代码:

div {
    width: 50px;
    height: 50px;
    border: 1px solid;
}

CSSLint说:"破箱模型:使用带边框的高度." "破箱模型:使用带边框的宽度."

为什么我不应该使用带边框的宽度/高度？

我是Grunt-csslint插件的新手,在运行和cssLint任务完成后,有许多错误和警告我无法遵循.那么如何配置任务只打印出错误,而不是警告？

我是Ubuntu的新手,我是第一个承认这一点的人,但我需要集成csslint到CI构建脚本中,我发现csslint网站上的about页面无益.它给了我两个安装选项,csslint但它们需要node或者rhino:

Node.js:
sudo npm install -g csslint

Rhino.js:
java -jar rhino.jar csslint-rhino.js --rules= ~ /* suppressed for simplicity */

在我知道如何使用的格式上搜索其中任何一种后,在谷歌群组中我发现有人问了类似的问题.答案是,这rhino不是您安装和运行的现成产品,而是您使用的库.

我需要做的就是:

• csslint使用csslintargs 通过bash 传递CSS文件
• 得到回复
• 评估构建是否应该因违规而失败

有什么地方我可以找到包含依赖项的逐步说明,例如node或rhino？

感谢大家.

jsHint和cssLint可以将其结果输出到标准xml(sjlint.xml和csslint.xml格式)文件中.

有没有办法用声纳显示这些结果？

我要做的是运行一个jenkins作业,该作业将在java脚本上运行验证并在Sonar中显示结果.

谢谢.

我正在使用Brackets的CSSLint扩展.有没有办法禁用像box-model和的事情的特定警告@bulletproof-font-face？我在讨论中找到的最佳匹配就在这里.目前我希望在我的CSS表单中使用序言/*csslint ignore: box-model */,但那不起作用.我知道这个扩展能够处理.csslintrc文件.我试图把一个放在与我的CSS所在的目录相同的目录中csslint ignore: box-model,但这也没有用.任何建议或见解将不胜感激.

更新1

.csslintrc通过Brackets 更多地了解文件的支持,我发现了这个和这个,似乎建议使用--ignore=box-model,bulletproof-font-face.将此文件放在我的CSS所在的位置或放在Brackets扩展的目录中(~/.config/Brackets/extensions/user/camden.csslint/csslint在Linux机器上)也不起作用.

更新2

把.csslintrc在~/.config/Brackets/extensions/user/camden.csslint/csslint/绝对不工作; 更新后删除该文件.

我正在使用Sublime Text 3和CSS Linter.

在我的设置中我放了忽略规则,目前只有"outline-none"规则,我想包括所有引用基于IE6和IE7的错误的规则.

是否有一个列表是什么IE6和IE7规则,以便我可以将它们放在忽略数组？

我的CSSLint.sublime-settings看起来像这样:

// CSSLint rules you wish to ignore. Must be an array. Leave blank to include all default rules.
{
    "ignore": ["outline-none"]
}

我正在使用一个CSS文件,该文件使用Mozilla的-moz-element(#element)指令作为背景图像.代码如下:

#foo {background-image: -moz-element(#element);}

当我通过CSSLint运行它时,它告诉我"规则是空的",尽管事实上它显然不是.我可以尝试通过命令行运行CSSLint并使用--ignore,但我真正想要的是一种忽略CSS文件中的那一行的方法.有没有办法做到这一点？

而且为了清楚起见,我正在寻找的是类似于JSHint如何做事情,如下所示:

var notChecked = 'This line won't get checked'; // jshint ignore:line

使用新发布的csslint,我想尝试将其挂钩到vim作为.css文件的makefile.我很难让多行错误格式适用于输出.

到目前为止,我最好的结果是:

au BufRead *.css set makeprg=csslint\ %
au BufRead *.css set errorformat=%A%f:,%C%n:\ warning\ at\ line\ %l\,\ col\ %c,%C%m,%C%.%#,%C%.%#

但这并没有得到正确的行/列数.我在我的quickfix窗口中收到此输出:

|| csslint: There are 33 errors and warnings in bookie.css.
|| 
bookie.css||  1: warning Too many font-size declarations (13), abstraction needed.
bookie.css||  2: warning at line 3, col 3 Rule is empty. BODY {
bookie.css||  3: warning at line 12, col 12 Values of 0 shouldn't have units specified. padding: .5em 0em;
bookie.css||  4: warning at line 13, col 13 …