问题标签 [smacss]

在 SMACSS 中我应该在哪里定义颜色？

我在 base\base.css 中为一般内容定义了我的基本字体，但我的页脚需要不同颜色的字体。我是否应该在我的layout/footer.css中声明它，以便它可以级联到组件，如下所示：

或者，在位于modules/testimonial.css的页脚内的实际组件的模块级别。

是否有任何文档或链接讨论此问题？

非常感谢。

说在关于页面上你有 3 列网格，在主页上你有一个四列网格，在 css 架构中的哪个文件中应该放置这些样式来布局这些页面，每个页面都应该有一个布局 css 吗？

对于以下标记，按照 BEM 方法编写的正确方法是：

HTML：

CSS：

或者：

HTML：

CSS：

我正在使用 SMACSS 方法编写我的 SCSS 代码，并且我有一个子类，如果它还有另一个子类，我想引用它。

HTML

SCSS

知道我该怎么做吗？

我真的很喜欢 smacss.com/book/categorizing 的模块化架构。但在实际项目中，我偶然发现了简单的案例（正如我所想的那样）。

好的，我得到了什么：1）我通过 smacss 为我的 css 文件创建了一个文件夹结构：

根据

布局

模块

状态

主题

2）在文件夹模块中，我制作了一个具有基本模态窗口样式的文件，如下所示：

根据

布局

模块/modal/modal.css

状态

主题

3) 但是我有几种具有常见样式的模态窗口（我在 modal.css 中将它们分开 - 颜色、边框、位置等），但它们有自己的参数。第一个窗口非常简单，有两个按钮，第二个窗口有很多不同的内容。

问题是：我应该把这两个窗口的样式放在哪里？a) 为它们创建文件夹作为模块：

模块/modal/modal.css

模块/确认/确认.css

模块/产品/product.css

b）或为每个css文件创建并将它们放在Base文件夹中？

基础/确认.css

基础/product.css

模块/modal/modal.css

我很乐意得到任何建议。谢谢你

我进行了机器测试，允许我使用vanilla css和将 PSD 模板转换为 HTML modular css。

我尝试搜索两者，但找不到与 vanilla css 相关的内容。

然而，通过更深入的搜索，我得到了模块化 CSS 的非常好的结果。这是链接。

任何想法将不胜感激。

我刚刚开始学习前端 Web 开发，几天前我熟悉了 SMACSS 方法。我已经在官方网站和其他几篇文章上标记了这个概念。但是我仍然对模块很困惑。

我的理解是我应该为布局内的任何小元素创建一个部分。

例如，假设有一个边栏只包含标题和段落。据我了解，侧边栏本身将进入布局。但是我应该在哪里设置标题和段落的样式？他们是要分离模块还是我应该简单地将它们写在布局中？

这只是一个例子，但我在尝试使用 SMACSS 时遇到了很多这样的困难。有人可以用一种简单易懂的方式向我解释这部分吗？

我有两个嵌套模块：

我有两个单独的文件（我想将其分开，因为它们是可重用的部分，可以在整个应用程序中单独使用）充当 SMACSS 术语中的模块：
标题：

图标：

现在我想对我的topIconwhen headerhas :hoverstate 应用一些样式。
我可以放入.header:hover .topIcon我的图标模块文件并应用样式，但是从我的 POV 来看，它违反了 SMACSS 规则。

你有更好的建议吗？

所以我使用的是 Atom，但是当我使用我的 Atom 实时服务器时，css 样式不适用，实际上我得到了一个错误

我不应该使用 Atom 实时服务器吗？

这是我在终端中使用的命令：

这是我的文件结构：