bem

1热度

2回答

我在块中有两个元素在语义上是不同的，但看起来应该是一样的，只是差别很小。如何在BEM中命名它们？相同的类都为每个修饰符？（很难，因为它们语义上的差异很大）不同的类并为它们分配相同的样式？（导致两个或更多地方元素的风格）不同的类，并使用CSS-Postprocessors混入样式？（似乎是最好的选择，实际上命名问题是转移到mixin的名称）在这种情况下BEM的最佳实践是什么？有什么建议

1热度

1回答

BEM in Wordpress/Boostrap

我有一些难以理解的，如何在Wordpress和Bootstrap中使用BEM方法。我看不到我如何将文件/文件夹结构 BEM DOCUMENTATION应用到我的stylesheet.css。文档告诉你，你需要创建几个样式表，如navigation.css，footer.css，button.css等，并用@import导入样式。所以你需要调用@import，但如果我不 @import url(

2热度

1回答

获取符号修改为继承父

我使用SASS的方便符号的符号来BEM式改性剂添加到我的班所有属性： .box { display: inline-block; width: 100px; height: 100px; background: magenta; &--selected { background: cyan; } } 我探索的唯一具有申

0热度

2回答

如何在BEM修改器内的SCSS上选择祖父母？

当我试图BEM和SCSS。使用SCSS选择修改和元素是容易的，但在使用改性剂和引用不具有修饰类是打破了整齐的方法，我做件困难的部分是。这是我想要做的一个简单例子。这是HTML <div class="icon-box icon-box--red"> <h3 class="icon-box__title>This is title</h3> </div> 而且SCSS .icon-

2热度

3回答

SCSS + BEM风格的儿童结构，当父母有变色剂

请问可以设置scss元素内部 - 被包围吗？我不想使用.box__something，但我需要修改的孩子，是依赖于父修改 <div class="box"> <div class="box__something">Hello</div> </div> <div class="box box--rounded"> <div class="box__something">Hi<

0热度

1回答

SCSS和BEM命名结构和最佳实践。

目前与scss我了解变量，包括和嵌套。我想创建一个使用BEM命名结构的新scss设置。所以例如 .btn { padding: 20px; .btn__value { color: $valColour; } } .btn--gold { color: $gold; } 所以，我有类.btn__value嵌套因为这将是该按钮块内部的跨

1热度

2回答

SASS抬头像手写笔

它甚至可能与父母＆符 - &？像这样的事情 .block &--mod {???}__elem color: red 对此 .block--mod .block__elem { color: red; }

0热度

2回答

BEM和嵌套的概念问题

我试图改编一些HTML/CSS代码到BEM方法，但是看到HTML的类我觉得我做错了什么。我有一个嵌套的对象“footer__social”与一些嵌套的图标。在官方BEM页我结束了一个HTML代码一样，下面的常见问题的建议： <footer> <div class="footer__logo"></div> <div class="footer__social"> <

0热度

1回答

使用BEM +萨斯家长选择到目标修饰的子元素无

我使用的是青菜和我用BEM的符号重复父选择，例如，重复的类名 - .c-block { background:red; &__element {font-size:14px;} &--modifier {background:blue;} } 此输出 - .c-block { background: red; } .c-block__element { font

0热度

1回答

如何在家长的scss中扩展（如果是BEVM）

我试图了解BEVM + SCSS理念。在这种情况下，我不知道如何从BE延伸V。我想达到的目标： .block { &__element { background-color: black; &--variation-a { @extend &__element; //won't work color: red; }