BEM是Block-Element-Modifier的缩写。这是一种以易于支持和开发的方式命名HTML DOM元素，CSS类，JavaScript变量和其他Web编程标识符的约定。它可以用于单个网站的单独开发，也可以用于跨多个网站的大型团队。
我正在使用 Sass 3.4.1 和 BEM 所以我的 scss 是： 。今日图片{ ＆ - 标题{ 字体大小：16px； } } 我希望每次将鼠标悬停在 .photo-of-the-day 上时，标题都会发生一些事情，t...
我目前正在尝试在培训项目中使用 BEM。首先。我喜欢 CSS 中有结构。但是，我在正确使用 BEM 时遇到问题。在目前的情况下，我不知道我是否...
使用 BEM 和 vanilla CSS 时如何组织全局排版样式？
我正在开发一个使用 BEM 和 vanilla CSS 的应用程序。设置可在其他块/元素之间重用的共享版式样式的最佳方法是什么？ 我有几个选择...
在 BEM 中，我知道使用修饰符时，两个破折号是有意义的，这样您就可以区分 my-block-my-modifier 和 my-block--my-modifier 中的修饰符。 但为什么使用 block__element 而不是
我在标题上有两个类：.header-container 和一个主题类，例如纯绿色或纯蓝色。 当前标记在应用相关主题样式方面工作正常，但是...
How to style buttons using BEM?
我是 html/css 的新手，我正在学习 BEM css 方法，但我很早就陷入困境。 我想做什么： 有一个按钮块 有一个颜色修饰符（默认/primaryColor） 有不同的按钮
bem 元素规则说。 创建一个元素 如果一段代码在没有父实体（块）的情况下不能单独使用。 例外情况是必须将元素分成更小的部分 –
在材料用户界面中进行类似于sass的插值，以获得类似于BEM的类名。
const useStyles = makeStyles({ block: { `${&}__element `: { color: 'green', } }, }); 上面的代码在素材UI中无法使用。有没有什么方法可以将父 ...
下面是我现在的头结构。页面（根）组件是隐含的。正如你所看到的，social-links块的几何体目前由header__social-links mix处理（绝对位置相对于...
如果hl-mweb-text-banner__cta和hl-mweb-text-banner__cta相邻，我想添加页边距。我在以下内容中包含以下内容：.hl-events-items {.hl-mweb-text-banner {＆__ cta +＆...
我想知道最好的方法，当我们不得不使用BEM和SASS编写可重用的Web组件（考虑到用户可能的覆盖：让我们假设有一个主要元素和一个子元素...
您好，我试图使开关按钮（复选框）处于默认选中状态，并且在反应中也被禁用。但是以某种方式，如果我仅将checked = {true}放进去，它将被检查，但是当我添加disabled =“ disabled”，...
是否有一种BEM方法论，可以仅使用一个div来构建包含许多元素的标头？
div> 学习方法 您的讲师可能希望您找到更合适的HTML元素来描述文档的含义，因为<div>元素是非语义的，我们可以使用：] <h1>元素代表主标题副标题的<p>元素以及插图或徽标的<img>元素 由于class属性是全局属性，我们可以更改HTML元素的开始和结束标记，并保持代码的BEM命名约定。>> <header class="header"> <img class="header__logo"></img> <h1 class="header__title-text>Learning how to learn</h1> <p class="header__subtitle-text><a href="#" class="header__subtitle-link>about 20 words here</a></p> <img class="header__main-illustration></img> <div class="header__square-pic></div> </header> 我建议翻阅basic concepts of HTML，并查找elements和attributes的MDN HTML参考手册。