BEM CSS块或修饰符

文章/答案/技术大牛

发布

1回答

CSS中边界元的正确使用

css、bem

我是CSS的老手，但最近决定冒险一试，开始使用BEM。在很大程度上，我理解使用这种扁平化系统的价值，避免过于具体的选择器等。} background: red;.badge--success {}以这种方式编写BEM有什么问题吗？如果要用修饰

浏览 2提问于2018-09-02得票数 1

1回答

我应该如何正确地归档scss文件夹？

css、reactjs、sass

我正在处理一个项目，并试图让它成为responsive.My问题是，当我将组件放在App.js中时，如果有一个同名的类，它们会像这样相互覆盖--ExampleComponent1.scss width: 50%--ExampleComponent2.scss width: 70%return(

浏览 1提问于2020-01-17得票数 0

2回答

css、bem

我正在尝试采用BEM CSS，并有一个组件，但我希望它在块级的小版本和大版本。我不确定什么应该是块，或者什么应该是修饰符。因为这样我就需要两块积木，这就违背了制作组件的目的。现在，我的元素现在是修饰符，而它们应该只是小的或大的元素。

浏览 7提问于2019-08-29得票数 0

回答已采纳

2回答

如何用边界元组织CSS？

css、bem

我刚刚学到了BEM，我想用它组织我的CSS。如何用边界元组织我的CSS？BEM网站不告诉您如何用边界元法组织CSS；该网站只告诉您如何命名块、元素和修饰符。另外，每个网页应该使用不同的样式表，还是应该使用SASS并将所有scss.files合并到一个CSS文件中？

浏览 0提问于2019-03-14得票数 3

回答已采纳

1回答

我有一个问题:使用ABEM方法对块或元素应用样式和类命名的最佳方法是什么。我正在使用WordPress开发一个站点，我选择使用SCSS，并使用ABEM (原子)方法进行BEM (块、元素和修饰符)格式化和类命名技术。我知道我不应该直接向元素添加修饰符，所以不应该这样：<div class="-padding">To achieve some padding </div>。我的问题是：我应该将-padding添加到a-col (如上面

浏览 0提问于2019-02-05得票数 1

回答已采纳

3回答

什么是边界元方法？

css、css-selectors、bem

我最近听说了BEM方法。使用边界元是一个很好的实践吗？

浏览 4提问于2016-04-18得票数 8

回答已采纳

1回答

BEVM是否有效，或者我们可以单独使用modifier？

html、css、bem

我想将这个想法应用到我的下一个项目中，但是当我在getbem.com上得到检查时，它说单独使用修饰符是不好的Good 同时，在BEVM思想中，我们可以在元素中单独使用修饰符。有没有人有建议？

浏览 0提问于2018-07-24得票数 0

2回答

我们能在边界元中做块修饰符的元素吗？

html、css、bem

我只想知道下面的代码是否遵循BEM方法的最佳实践？为块修饰符创建元素(在本例中为“块--mod”)是“块”块的修饰符。是否允许使用以下模式创建嵌套元素：“块-mod_elm”。

浏览 4提问于2017-11-16得票数 3

回答已采纳

1回答

如何使用PostCSS自动重置？

css、postcss

我假设它会自动将重置规则附加到输出CSS文件中。文档使用了像.block这样的东西，但没有说明它们的用途。} margin: 1em; border: 1em;这只是普通的CSS如果它只是常规的CSS，那么这个插件的作用是什么，因为我可以覆盖常规CSS文件中的默认值。我正在努力避免不得不这么做。

浏览 17提问于2016-08-04得票数 0

回答已采纳

1回答

基于父级的自定义选择器

css、sass、bem

alert)这给了我想要的结果：.menu__item--alert {color: red;}+b(menu) +e(item)css产出：当我真正想要的是： .menu--theme-1 .menu__it

浏览 3提问于2014-03-15得票数 2

1回答

如何为自适应网页使用边界元方法构造css？

html、css、less、bem、adaptive-layout

有媒体查询的自适应网页的css样式结构是什么？它是一个定义内部块位置的块。B-后BEM块我应该将媒体查询放在我的区块内还是外部

浏览 0提问于2016-06-22得票数 6

回答已采纳

1回答

DRY & BEM分类

html、sass、bem

我正在使用BEM方法，但我想知道我的scss是否因为它看起来不好，并想知道它是否对性能不好。我设置了几次'.description‘和'.title’的样式，但它在不同的修饰符节中，这会引起关注吗？如果是这样，如何在BEM中使用它？

浏览 0提问于2018-07-06得票数 0

1回答

我可以在BEM* CSS中的修饰符中嵌套块或元素吗？*

html、css、nested、bem

我想写一些类似这样的东西： .block__element--modifier .blok {} 问题是，我不知道在我使用的BEM方法中，上述方法是否正确。当用户点击按钮(并且导航是关闭的和不可见的)，那么菜单将被显示(并且在主导航块中将添加另一个navigation--opened类)。

浏览 16提问于2019-12-19得票数 0

回答已采纳

3回答

BEM块、命名和嵌套

html、css、bem

我正在尝试理解BEM命名约定。我被困在这里了。我可能误解了什么，让我想想。.content__nav .nav__item { background: Red; }<li class="content__nav__item"><a

浏览 1提问于2014-03-22得票数 75

回答已采纳

1回答

保持DIV中的元素不继承页面样式的最佳方法

javascript、html

因此，显然它继承了页面的所有CSS。我想防止这种情况，下面是我有的选择避免使用像p, div { ... }这样的通用样式。

浏览 1提问于2015-01-22得票数 0

3回答

组织数百个组件的最佳实践？

reactjs、vue.js

当您有一个包含数百个组件的大型应用程序时，有些组件被其他人大量共享，而有些应用程序只是一个布局或一个简单的视图。那么，对于组织组件有什么好的建议吗？按模块？还是通过使用？还是其他政策？

浏览 2提问于2015-06-20得票数 3

1回答

Html注释中的双连字符

html、css、bem

根据和其他帖子的说法，有人认为"--“或双连字符不应该在超文本标记语言中使用，因为它在XML中是不允许的。确实是，但它看起来像是。我一直认为. .。事实上，当我走上这条路时，我从来都不快乐。这里的影响是，BEM是一个常见的约定，如果当前的HTML规范禁止这样做，我们可能希望避免BEM或修改它以供将来使用。虽然HTML和解析器在默认情况下是相当宽松的，但遵守规范通常是未来稳定性的最佳实践。

浏览 0提问于2019-06-21得票数 1

1回答

如何在使用边界元命名方法编写CSS时实现主题？

html、css、bem

在我正在进行的项目中，我使用BEM CSS命名约定。到目前为止一切都很好。但是，我需要在同一个html页面上实现几个主题(意味着不同的设计)。写这篇文章： ... ...不会是边界元，但会允许在身体标签等单一的修饰符写这篇文章： ... ...这将是BEM，但也意味着用HTM

浏览 1提问于2016-06-07得票数 3

2回答

在边界元中，h1块内的span是否被视为元素或修饰符？

bem

如果h1被认为是块，那么这会使h1块的跨元素吗？我想，它们是h1块的元素。我想知道的是，这两种密码中哪一种是准确的？在第一个，我使用下划线，在第二个，我使用破折号。哪一个是准确的？我之所以这么说，是因为上面的术语与基本的HTML和CSS非常相似。

浏览 6提问于2021-06-29得票数 0

回答已采纳

2回答

OOCSS & BEM* -内联列表-如何处理脚手架，如何添加皮肤？*

html、css、naming-conventions、oocss、bem

由于OOCSS是关于抽象的，所以到目前为止我创建了这个CSS： padding: 0;} display: inline;我试着不使用像nav或navigation这样的类名，因为我首先尝试在应用皮肤之前布局结构--这就是我实际问题的起点。为了添加一些颜色，改变字体大小等，我可能只需要添加一个像.horizontal-list--nav这样的修饰符。另一个修饰符可能用

浏览 3提问于2013-10-12得票数 2

回答已采纳

点击加载更多

CSS中边界元的正确使用

我应该如何正确地归档scss文件夹？