探索ReactJS中的CSS架构

我们生活在一个新的时代，每一天都充满了各种各样的新工具和范式。我们总是试图将旧有的架构应用在新技术上，而那样极可能以失败告终。 其中的一个例子便是 BEM—— 一个 CSS 命名约定，它解决的是那些可能不会再次出现的问题。先来讲一讲重要的背景知识。BEM 是什么？BEM 是 CSS 的一个命名约定，遵从简单而直接的哲学：代码的一致性、伸缩性和可重用性。这个方法论正是源于它的名字：Block-Element-Modifier。这意味着所有的类会被拆分成三个实体，每一个实体在架构和代码组织上都具有不同的目的和角色。块（Block）: 具备独立逻辑和功能的组件。元素（Element）: 块中没有独立意义的部分。修改器（Modifier）: 定义块或元素的行为和外观。当讨论遵从 BEM 规范 ………………………………