css - SMACSS 元素的文件夹结构——类放在哪里?

标签 css sass methodology smacss

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 8 年前

我开始在编写 CSS 时遵循 SMACSS 原则。读了两遍这本书,我认为我对理论有了很好的把握,但现在我在将其应用于实际工作时遇到了一些问题。

在我的基本文件夹中,我有 normalize.css 和自定义 CSS 重置,对于某些部分覆盖,对于其他部分扩展 normalize。

现在我已经创建了一个类,用于从列表中删除所有填充和列表样式。因此该类取决于之前定义的样式,但对我来说既不是状态也不是模块。

我应该把这样的类(class)放在哪里?

最佳答案

正如 Evgeniy 所说,这应该在 base 中,以防您想将其用作默认值。

但另一个问题:如果您不通过 bower 或 npm 或 git 获取 normalize.css,您最好修改那里的 css 以适合您的样式,而不是稍后覆盖规则。这可以节省您的文件大小,还可以使特异性保持在较低水平并受到控制。

如果你用包管理器获取它,还有一些像 uncss 这样的后处理器它可以在后处理步骤中删除重复的规则。配置起来可能有点棘手,但效果很好,可以节省大量字节。

关于css - SMACSS 元素的文件夹结构——类放在哪里?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27669972/

上一篇:javascript - 使用 JavaScript 在两个使用显示的唯一 DIVS 之间交换

下一篇:html - 为什么 css 背景图像不起作用?

相关文章:

html - 保持最小/最大高度/宽度的纵横比?

agile - Scrum 中的 Sprint 和 Iteration 有什么区别以及每个 Sprint 的长度?

javascript - 如何根据 Angularjs 中的背景颜色自动更改文本颜色?

html - 在绝对定位中调整多个 div 的大小

javascript - 在图像的特定位置显示向下滚动的文本和箭头?

angular - 为什么我的 scss 文件中的 @use 在我的 Angular 9.1.0 项目中不起作用?

language-agnostic - TDD 对于小型项目来说是不是太过分了?

methodology - 避免第二系统综合症的提示

javascript - 根据条件更改父 div 颜色的颜色

html - 调整窗口大小时防止固定位置元素向左移动?