BEM 初学者：为什么需要 BEM

Desknumber

CSS 样式隔离是 BEM 使用最常见的起点。但这是 BEM 至少能为您提供的。BEM 为您的项目带来了一种系统方法，避免项目陷入混乱。
BEM 使您的代码可扩展和可重用，从而提高生产力并促进团队合作。即使您是团队中唯一的成员，BEM 也对您有用。然而，许多开发人员认为，像 BEM 这样的系统方法会给他们的项目带来额外的界限，并使您的项目超载、繁琐且缓慢。

我们将以浓缩形式收集 BEM 的所有主要方面。本文帮助您在短短 20 分钟内了解 BEM 的基本思想，并拒绝认为系统方法对您的项目不利的偏见。
Big BEM 由方法论、技术、库和工具组成。在本文中，我们将 电子邮件营销列表 更多地讨论方法论本身，因为它是大量开发人员的集中经验，并且它为任何项目带来了系统的方法。为了向您展示 BEM 的一些实际案例，我们将讨论 BEM 技术并完全跳过库和工具。



HTML 页面标记不稳定：新设计可以更改节的嵌套、标题级别（例如，从<h1>到<h3>）或将<p>段落转变为<div>标记。任何这些更改都会破坏为标签编写的样式。即使设计没有改变，标签集也是有限的。要在另一个项目中使用现有布局，您必须解决为相同标签编写的样式之间的冲突。一组扩展的语义标签也无法满足所有布局需求。一个例子是页眉包含徽标。单击徽标可打开网站的主页 ( index)。<img>您可以使用图像标签和<a>链接标签来标记它。