单行与多行 CSS

Ordered List 上的 Steve Smith 撰写了一篇 有趣的文章，介绍了他如何选择格式化 CSS。基本上有两种方法可以做到这一点，单行和多行，其中多行是经典方法

#wrapper {
    width:800px; 
    margin:0 auto;
}

#header {
    height:100px; 
    position:relative;
}

#feature .post {
    width:490px;
    float:left;
}

这是我使用并喜欢的风格。Steve 的观点是，在大型 CSS 文件中，选择器变得更难以快速扫描。因此，如果您将所有选择器和其属性都保留在同一行上，则文件变得更容易浏览。就像这样

#wrapper            {width:800px; margin:0 auto;}
#header             {height:100px; position:relative;}
#feature .post      {width:490px; float:left;}

他说的很有道理，我看到了它的优点，这仅仅是个人喜好问题。但是，我认为我现在将坚持使用常规方法。如果我真的需要快速找到选择器，我总是会进行查找。一位对这种风格的批评者甚至指出，各种 CSS 调试工具会按行号向您发出错误警报，如果您使用单行方法，则将难以找到错误。此外，如果您开始担心大型 CSS 文件的可浏览性，这可能是 CSS 代码膨胀的症状，您可能需要考虑拆分该文件。我很快就会撰写一篇关于执行此操作的一些不同技术的文章。