bem

0热度

1回答

HTML布局 <div class="site-header"> <ul class="site-header__social social">  <li class="social__li">social icon here</li> <li class="social__li">social icon here</li> </

0热度

1回答

面向对象的CSS，BEM和表达式

正在使用BEM CSS命名方法被认为是一种形式的Expressive CSS？他们中的任何一个都是“面向对象的CSS？”

0热度

1回答

如何在Stylus中获得root？

我有根嵌套问题与BEM-模块更努力工作萨斯我们使用$root .block $root: & background: gray &__elem background: red color: black &:hover #{$root}__elem color: white 此代码编译为： .block {

0热度

1回答

BEM多个类选择器

我正在尝试遵循BEM命名约定，我不确定如何实现以下操作：我有一个“工具提示”块，应该用不同的主题进行样式设计。假设我应用了“默认”主题。 <div class="tooltip tooltip_theme_default"></div> 该工具提示可以被放置在左右不同的位置的元素，这听起来好像我必须添加“水平位置”和“垂直位置”改性剂到该块。 <div class="tooltip toolt

4热度

1回答

将bootstrap与其CSS一起使用

看到了BEM命名约定。我真的很想用这些方法使用bootstrap sass。是否可以扩展bootstrap以使用BEM样式类名称？ .block {} .block__element {} .block--modifier {} 例如，如何使用BEM命名典型的引导程序导航？ <header className="container-fluid"> <nav classN

0热度

2回答

如何用BEM指定状态？

使用BEM CSS类语法，可以说我有下面的类的元素： ... <div class="purchase__module2__heading__tooltip">...</div> ... 现在让我们说有一个事件或者一些地方让这个“工具提示”成为活动或可见。用BEM表达这一点的正确方法是什么？我所以现在取代目前的类就变成： ... <div class="purchase__module2

1热度

2回答

BEM和表单输入

我正在尝试BEM在新项目（表单页面）中，并且正在寻找标记表单输入的最佳方式。我有一套常用的单选按钮样式，我认为这是表单字段“块”的“元素”。所以我给它的类： .projectField__radio 单选按钮并不总是.projectField直接孩子，但他们始终是他们的后裔。所以：问题1：在BEM的情况下，这样可以吗？问题2：对于一个特定的领域 - 称之为“颜色”领域 - 我没有标准

0热度

1回答

BEM和继承其他类的属性

我遇到了BEM的一个问题。我有以下几点： <ul className="AppHeader__subnav-links"> <li className="AppHeader__subnav-link--active">Details</li> <li className="AppHeader__subnav-link">Conditions</li> <li clas

2热度

1回答

如何命名空间与竞争的“范围”的OOCSS类？

我知道这是要求一个非常有见解的答案，我想所有与命名约定相关的问题都是如此。我正在使用Harry Roberts BEMIT naming convention，它为面向对象的css增加了带有前缀/名称空间的BEM。这允许使用前缀o-将类组织到对象中，使用c-前缀（加上一些更多）作为无装饰设计模式（如the famous media object）和样式化UI组件。这里是（通用）例如，通常在解

0热度

3回答

scss BEM修饰符的难点

我很难理解如何正确使用BEM命名约定编写scss。在这里我有一些HTML： <div class="SomeBlock"> <div class="SomeBlock__someElement">text</div> </div> <div class="SomeBlock"> <div class="SomeBlock__someElement--greenBG">t