我在编写 CSS 时开始遵循 SMACSS 原则。读了两遍这本书,我认为我对理论有了很好的把握,但现在我在将其应用于实际工作时遇到了一些问题。
在我的基本文件夹中,我有 normalize.css 和自定义 CSS 重置,对于某些部分覆盖,对于其他部分扩展规范化。
现在我创建了一个从列表中删除所有填充和列表样式的类。所以这个类依赖于之前定义的样式,但对我来说既不是状态也不是模块。
我在哪里上这样的课?
我在编写 CSS 时开始遵循 SMACSS 原则。读了两遍这本书,我认为我对理论有了很好的把握,但现在我在将其应用于实际工作时遇到了一些问题。
在我的基本文件夹中,我有 normalize.css 和自定义 CSS 重置,对于某些部分覆盖,对于其他部分扩展规范化。
现在我创建了一个从列表中删除所有填充和列表样式的类。所以这个类依赖于之前定义的样式,但对我来说既不是状态也不是模块。
我在哪里上这样的课?
正如 Evgeniy 所说,这应该是base
为了以防您想将其用作默认值。
但另一个问题:如果您不通过 bower 或 npm 或 git 获取 normalize.css,您最好修改那里的 css 以适应您的样式,而不是稍后覆盖规则。这可以节省您的文件大小,并保持低特异性和可控性。
如果您使用包管理器获取它,仍然有一些类似的后处理器uncss
可以在后处理步骤中删除重复的规则。配置起来可能有点棘手,但效果很好并且可以节省大量字节。
如果此修改应作为所有列表的默认值(如重置) - 您需要将其放入BASE
.
如果这个修改只是针对一些特殊页面,那么使用THEME
.
在其他情况下,它应该被放入MODULE
,作为一些基类.m-list
或子类.m-list-plain