使用较少的选择器制作CSS布局？

Question

使用较少的选择器和较少的DIV制作CSS布局的最佳做法是什么？

更少的选择器意味着更少的HTML和CSS，这更容易管理。

我们如何避免使用太多的类/其他选择器？

Answer 1

结帐Sass (Syntactically Awesome Stylesheets)。它可以帮助您编写更精简，更易于维护的CSS。

  

Sass让CSS再次变得有趣。 Sass是CSS，   加上嵌套规则，变量，mixins，   以及更多，简洁，可读   语法。

Answer 2

请参阅 How to Develop with CSS ：

其他主题包括如何：

• 最小化HTML标记
• 最小化HTML上下文选择器
• 让文件的结构 为你工作。
• 最小化CSS
• 群组逻辑相关样式
• 表格用于表格数据。周期。

很好的资源，必须阅读任何开发人员和设计师。

Answer 3

您可以尝试LESS。它确实可以帮助您最小化重复编码的数量。

Answer 4

  

使用较少的选择器和较少的DIV制作CSS布局的最佳做法是什么？

其中有三个：

1. 在您需要之前不要添加选择器。
2. 除非您需要，否则请勿添加div。
3. 如果您不确定是否需要某些东西，则不需要它。

  

更少的选择器意味着更少的HTML和CSS，这更容易管理。

我知道，对吗？我管理过的最简单的页面根本没有选择器，也没有标签，实际上是一个文本文件！

  

我们如何避免使用太多的类/其他选择器？

使用标签选择器。

我知道，我知道......有些人喜欢把所有的课程都给自己思考，“我有一天可能会想要用鲜蓝色的背景制作奇数段的鲜红色，这是真实的如果我不得不回去修改标记，那就太遗憾了。“但那只是愚蠢 - 蓝色的红色是可怕的。在需要之前避免添加类;也就是说，在用完所有标签之前，请避免添加类。 HTML有很多标签，因此使用'em 。