可扩展的模块化架构的CSS

分类CSS规则

每个项目需要一些组织。将您创建的每个新风格到单个文件的结束会发现事情更困难,会对别人非常混乱的项目。当然,你可能有一些组织已经到位。希望你读在这些页面将强调与您现有的流程和工作,如果我很幸运,你将会看到新的方法可以改善你的过程。

你如何决定是否使用ID选择器,或类选择器,或任何数量的选择器在你处理吗?你怎么决定哪些元素应该得到样式魔术你希望给吗?你如何让它容易理解如何组织你的网站和你的风格吗?

的核心SMACSS分类。通过分类CSS规则,我们开始看到围绕这些模式,可以定义更好的实践模式。

有五种类型的类:

1. Base (基础样式)
2. Layout (布局样式)
3. Module (模块样式)
4. State (重申样式)
5. Theme (主题样式)

我们常常发现自己在每一类混合风格。如果我们更加意识到我们正在努力的风格,我们可以避免来自缠绕这些规则的复杂性。

每个类别有一定的准则,适用于它。这有些简洁的分离让我们问自己的问题在开发过程中。我们将如何代码的东西,为什么我们要这样吗?

对事物进行分类的目的是将patterns-things内重复我们的设计。重复导致更少的代码,更易于维护和更大的用户体验的一致性。这些都是赢。例外可以有利,但他们应该是合理的。