标签: csslint

http://jsfiddle.net/nicktheandroid/k93ZK/2/

这应该很简单,我只是不明白为什么它不起作用.当将鼠标悬停在:before它上面时,应将其不透明度更改为1,但事实并非如此.为什么？

p {
    padding-top:15px;
    position:relative;
}

p:before {
    display:block;
    width:55px;
    height:55px;
    content: 'hello';
    background:#fff;
    padding:5px 10px;
    position:absolute;
    right:0;
    opacity:.5;
    -webkit-transition: all 0.3s ease-in-out;

}

p:before:hover {
    opacity:1;
    bakcground:#000;
}

编辑:我正在使用Chrome.

刚刚通过 csslint 运行了相当数量的 css，主要是为了检查错误。我收到的 80% 的警告来自不止一次定义相同的标题元素。所以我想知道清理这些风格的最好方法是什么......

h4 {
    color: red;
}

.archive h4 {
    color: green;
}

请记住，我已经在设计的其他地方使用了 h1 - h6 样式。

为此使用类然后通过混合继承样式会更好吗（我正在使用手写笔）？

h4 {
    color: red;
}

.archive-header {
    color: green;
}

当我在做的时候，为什么 csslint 会对此发出警告？是否有性能命中？

我正在通过css更改SVG路径颜色:

.compute .svg path {
    fill: #fff;
}

它工作正常,但在运行cssLint时,我有这个警告:

Unknown property: "fill"

这是一个cssLint错误吗？或者在css中使用此属性来更改SVG路径的属性是一件坏事吗？

我是第一次使用CSSLint并立即尝试.当我写下面的CSS

.div {
    box-sizing: border-box;
    border: 1px solid red;
    padding: 5px;
    width: 100px;
}

然后当我跑 Warning - The box-sizing property isn't supported in IE6 and IE7.

我也改变了"box-sizing": false对"box-sizing": true我的.csslintrc文件.

但我仍然得到这个警告.我怎么解决这个问题？

一个CSS规则皮棉是：“这是最好不要使用的ID中选择”。那么，我们应该使用什么来代替 ID 来指向一个唯一元素？例如，假设我有几十个元素的类名为my-class，而我只希望其中一个具有特殊的 CSS 属性。我能做什么？

需要一些帮助。

当在CSS lint中查看我的CSS时，他们不断地报告解析错误，即“预期的LBRACE错误”\n这是问题的屏幕截图：截图

他们在我的右括号上显示了问题。我检查了我的代码好几次，但我就是找不到问题所在。

我意识到如果我更改关键帧前缀顺序，则错误会显示在不同的行上（因此并不总是在右括号上）

这是我的代码，请看一下，如果有人看到错误，请告诉我，错误是什么，提前谢谢：

.flat-desktop-content {\n    background: url("../images/flat-desktop-content.svg") no-repeat scroll 0 0 transparent;\n    background-size: cover;\n    width: 360px;\n    height: 290px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 9;\n    -webkit-animation: flat-desktop 6s ease infinite;\n       -moz-animation: flat-desktop 6s ease infinite;\n            animation: flat-desktop 6s ease infinite;\n}\n\n@-webkit-keyframes flat-desktop {\n    0% { background-position: 0 0; }\n    50% { background-position: 0 -234px;}\n    0% { background-position: 0 0; }\n}\n\n@-moz-keyframes flat-desktop {\n    0% { background-position: 0 0; }\n    50% { background-position: …