修饰符的CSS BEM子项

文章/答案/技术大牛

发布

1回答

css、bem

我是BEM方法论的新手，我有一个针对修饰者的孩子的问题。中，我添加了修饰符block-container--modifier。而CSS将是： .block-container {} ....block-container--modifier {} 这里我的问题是:当应用修饰符时，我如何更改__element的一些CSS</

浏览 5提问于2019-05-30得票数 1

回答已采纳

1回答

CSS中边界元的正确使用

css、bem

我是CSS的老手，但最近决定冒险一试，开始使用BEM。在很大程度上，我理解使用这种扁平化系统的价值，避免过于具体的选择器等。 background: red;.badge--success {} 这很好用，因为CSS的级联特性。但如果我将修饰符放在初始声明之前，修饰符将被忽略(因为具有相同的特异

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

2回答

如何用边界元组织CSS？

css、bem

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

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

回答已采纳

1回答

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

css、reactjs、sass

我正在处理一个项目，并试图让它成为responsive.My问题是，当我将组件放在App.js中时，如果有一个同名的类，它们会像这样相互覆盖--ExampleComponent1=> {<ExampleComponent1 />)这会导致自定义容器类被examplecomponent2覆盖，因为它们具有相同的类名所以我的问题是，我知道我可以使用scss.module，但我应该

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

1回答

基于父级的自定义选择器

css、sass、bem

：.menu__item--alert {color: red;} +m(theme-1) color: blue.menu--theme-1__item {color: blue;}.menu--theme-1 .menu__item {color: blue;} 因此，我需要一种方法来检查元素

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

1回答

使用bem命名导航下拉菜单

css、bem

使用bem命名下拉菜单的最佳方式是什么?？使用子项nav-main__sub或修饰符nav-main--sub ?？

浏览 0提问于2015-08-30得票数 0

1回答

使用parents在不太像的SASS中使用BEM

less、bem

我正在尝试引用基类来更改基于BEM修饰符的子类。这在SASS中工作得很好，但我现在正在使用LESS。这是粗鲁的参考..。https://css-tricks.com/the-sass-ampersand/ 这是不起作用的代码。 .s-body { ...

浏览 20提问于2020-10-23得票数 0

1回答

MDL为什么使用is-visible而不是--visible修饰符

naming-conventions、material-design、material-design-lite、bem

我很好奇为什么不使用修饰符来实现这一点，即：这有什么特别的原因吗？干杯。

浏览 2提问于2016-03-11得票数 1

1回答

BEM是否有区分状态选择器和子类选择器的约定？

html、css、bem

一个子类化的例子： <button class="button button--large"> 以下是状态的示例： <button class="button button--open"> 这两者是有意义的不同但是，我找不到任何BEM约定，这会有所区别，它们都会写成修饰符。

浏览 12提问于2020-12-06得票数 1

回答已采纳

1回答

边界元和继承其他类的属性

css、bem

我在BEM上遇到了点小问题。但是问题是，由于边界元类都是“独立的”，并且不级联，所以AppHeader__subnav-link--active没有继承AppHeader__subnav-link的任何东西(很明显)。有什么更好的方法让我来构造这个吗？

浏览 3提问于2016-05-04得票数 0

回答已采纳

1回答

SASS抛出BEM语法错误

css、sass、bem

我只是尝试在SASS中使用“修饰符”和“元素”BEM语法。background-color:green; background-color:black; background-color:red;}Syntax error: Invalid CSS after \" &-\": expe

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

2回答

为什么设置div class font-size没有设置p元素的字体大小？

html、css、sass、bem

这是我的html文件。我想更改div中所有p元素的字体大小。所以我更改了包含所有段落的div的字体大小，但它不起作用。为什么？> <p>Melano Park,</p> <p>USA</p> </div> 这是我的SCSS

浏览 42提问于2020-02-01得票数 3

回答已采纳

2回答

BEM css -混合元素/修饰符

element、modifier、bem

我有一个关于BEM结构的问题。混合元素/修饰符在语义上正确吗？我有一个英雄和投资组合模块。我想在hero模块中使用portfolio__item，但它应该使用hero__item的基本样式。这是一种正确的做法吗？“允许”混合这些元素吗？

浏览 4提问于2016-07-05得票数 0

2回答

BEM、SMACSS和OOCSS中的模块实例与模块实例

oocss、bem、smacss

大多数CSS方法都有可重用模块的概念- BEM将其称为块，而SMACSS和OOCSS将其称为模块。他们都建议创建带有类的模块，例如现在，如果我的HTML标记中有两个或更多的房间实例，我如何区分它们？我一直在做这样的事情：<div class="room room2"></div>

浏览 14提问于2014-05-22得票数 1

2回答

BEM CSS块或修饰符

css、bem

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

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

回答已采纳

3回答

什么是边界元方法？

css、css-selectors、bem

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

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

回答已采纳

1回答

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

html、css、bem

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

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

1回答

如何使用PostCSS自动重置？

css、postcss

似乎没有文档，我也不太理解上的代码示例。下面的内容是什么意思？background-color: red; margin: 1em; border: 1em;这只是普通的CSS如果它只是常规的CSS，那么这个插件的作用是什么，因

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

回答已采纳

2回答

边界元-哪里包括特定页面的修饰符？

css、bem

我试图使用边界元命名约定，并在决定在哪里包含一个特定页面的修饰符时遇到了一些小困难。用这种方式编写修饰符是正确的吗？padding: 5px 20px; margin: 0 margin-top: 30px;} 只有在特定的页面中才包含这样的修饰符，最好的方法是什么？我应该在pageB.scss或.buttons.scss中包含这个修饰符吗？

浏览 0提问于2015-10-09得票数 4

回答已采纳

3回答

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

reactjs、vue.js

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

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

点击加载更多