分类CSS规则
每个项目需要一些组织。将您创建的每个新风格到单个文件的结束会发现事情更困难,会对别人非常混乱的项目。当然,你可能有一些组织已经到位。希望你读在这些页面将强调与您现有的流程和工作,如果我很幸运,你将会看到新的方法可以改善你的过程。
你如何决定是否使用ID选择器,或类选择器,或任何数量的选择器在你处理吗?你怎么决定哪些元素应该得到样式魔术你希望给吗?你如何让它容易理解如何组织你的网站和你的风格吗?
的核心SMACSS分类。通过分类CSS规则,我们开始看到围绕这些模式,可以定义更好的实践模式。
有五种类型的类:
- Base (基础样式)
- Layout (布局样式)
- Module (模块样式)
- State (重申样式)
- Theme (主题样式)
我们常常发现自己在每一类混合风格。如果我们更加意识到我们正在努力的风格,我们可以避免来自缠绕这些规则的复杂性。
每个类别有一定的准则,适用于它。这有些简洁的分离让我们问自己的问题在开发过程中。我们将如何代码的东西,为什么我们要这样吗?
对事物进行分类的目的是将patterns-things内重复我们的设计。重复导致更少的代码,更易于维护和更大的用户体验的一致性。这些都是赢。例外可以有利,但他们应该是合理的。