css lint是有害的

文章目录

CSS LINT,优化你的CSS样式表 这篇文章我们详细的介绍到了关于css的一些使用建议,于是我最近开始使用brackets并且安装了csslint的扩展来检查css的样式问题,发现自己的css都有一些错误提示,现在回过头来看,其实csslint有些观点是不正确的,甚至是有害的。下面是这些有害的地方。

1.不要使用相邻的类

比如你的css是.classone.classtwo{}

如果你在意IE6的表现,那么这个规则是好的,否则就是废话,因为其他浏览器都是可以处理的。

一般我们这样子写是处于代码的重用,使用这个规则,可以尽量的减少css的代码量,这不就是我们正在追求的CSS性能问题吗?如果你实在需要IE6,可以使用jquery代码修复

$("classone.classtwo").addClass("ie6-classoneandtwo");

2.不要使用太多的浮动

csslint会计算你的页面使用了多少浮动,忽略它。

3.不要使用太多的网络字体

csslint它只会计算你一个样式表里面定义了多少个字体样式,它不涉及到有多少个字体被使用或者一个页面你载入了多少字体,当然载入更多的网络字体会拖慢你的载入速度。

4.不用使用太多的字体大小声明

其实一个页面的字体设计主要来自于设计图,我们根本不知道设计师会怎么设计这个页面,所以请忽视这条声明。

5.不要在选择器上使用ID

这条规则来自于作者的面对对象CSS的理解。面向对象CSS,使用正确的方法是很好的。但是建议你不要使用ID绝对是胡扯的。ID是非常有用的,你绝对应该使用它们,它们是一个浏览器可以选择一个给定元素的最快方法。它们同时还是一个页面中的锚点,如果已经存在,你可以在风格中挂钩。

6.不合格的标题

7.标题的元素应该保持一致外观

8.标题的样式应该只定义一次

最后:表现是一个浏览器的层次问题,它不应是HTML/CSS来修复或者变通解决,只要我们创作有效和有意义的HTML和CSS,那么我们就可以不必理会那些荒谬的规则。如果你想优化你的HTML和CSS,那么你可以结合你的最佳实践,而不是通过改变表现。

参考英文:CSS Lint is harmful ,没有完全翻译中文,个人理解,强烈建议英文好的同学自己读原文。蔡宝坚版权所有,请不要转载。

原创文章:css lint是有害的 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/csslint-is-harmful.html)
评论已关闭。

“css lint是有害的”有3个评论

  1. 我得大WY

    可以不写,写了,请写好文章!

    登录回复
  2. 晓寒

    不是说的不让用 ID,而是说布局样式的时候,推荐用 class,重用性更高,而 id 则可以给 js 挂钩来使用

    登录回复