css - SMACSS 如何识别要放入模块中的内容?

标签 css sass smacss

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

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

例如,假设有一个仅包含标题和段落的边栏。据我了解,侧边栏本身将用于布局。但是我应该在哪里设置标题和段落的样式呢?它们是要分开模块还是我应该简单地将它们写在布局中?

这只是一个例子,但我在尝试使用 SMACSS 时遇到了很多这样的问题。谁能用一种简单易懂的方式向我解释这部分内容?

最佳答案

我相信您可以做的最简单的事情就是学习如何在 react.js 中做基本的事情。如何使用 React 组件。它们基本上是独立的模块。每个组件都应该有自己的样式。

例如:https://blog.risingstack.com/the-react-way-getting-started-tutorial/#howshouldiimagineit

这张非常酷的图片描述了组件应该是什么。

enter image description here

关于css - SMACSS 如何识别要放入模块中的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44387137/

相关文章:

css - 具有固定跨度的框以填充整个列

javascript - 基于另一个 div 设置父 div 的样式

php - 使用 scssphp 的工作流程是什么?

css - SMACSS:在模块内使用网格是否正确?

css - 我的动画课应该属于哪个类别?

css - 删除 nav navbar-nav 下方的 Bootstrap 空白

html - CSS transform - 模拟相机,沿平移轴移动 y 轴并保持平移轴的中心

CSS 不适用于使用 create-react-library 创建的链接 React 库

css - SCSS 到 CSS 错误,Prepros 无法提供 CSS

css - 嵌套元素命名样式(Jade、HAML、Slim)