bem

0热度

1回答

我有follwing HTML <div class="listing listing--with-margin"> @foreach($recipients as $recipent) <span class="listing__item">{{ $recipent }} <input type="checkbox"></span> <span class="l

0热度

1回答

使用BEM方法和小文件大小

我正在尝试深入BEM方法。尽管它似乎是所有项目规模的“必备”方法，但我对它感到不满或者我只是试图以错误的方式使用它？使用BEM的CSS被分成这样的东西。 .block { /* Block code goes here */ } .block--is-hidden { /* Block modifier code goes here */ } .block__el

1热度

1回答

BEM：如何确保块内的CSS值覆盖另一块中定义的属性？

我正在使用BEM，并且在从一个块中获取属性以覆盖另一个块中的样式时遇到问题。我知道有些人可能会建议为.button添加修饰符，但有些情况下某些属性需要应用于单个页面，所以不必添加整个其他修饰符。下面是一个例子，是想说明我的问题： .button { padding-left: 0; } 现在，当我去加入填充左，它越来越padding-left: 0;，而不是我想使用真实.my-b

0热度

1回答

BEM和覆盖引导样式

我刚刚在大约30分钟前看过BEM，并且用它打了我的第一个路障。我正在使用twitter bootstrap构建一个项目，并且我决定使用BEM架构来处理我的样式，我试着重写堆栈列表上的引导悬停效果，但这不起作用。 <ul class="nav nav-stacked side-nav"> <li class='side-nav__item'><a href="#">Link</a></l

0热度

2回答

使滑块与BEM CSS

所以，如果我是使用BEM创建一个滑块就应该是这样的： <div class="slideshow"> <div class="slide slide--slide01"></div> <div class="slide slide--slide02"></div> <div class="slide slide--slide03"></div>

0热度

1回答

基于“内部”块修饰符的样式元素

根据“内部修饰符”从“外部”样式化块可以吗？下面是一个例子： HTML <div class="Header"> <div class="Button Header__button"> Seperate Block with optional modifier Button--expanded </div> </div> button.css .Button

0热度

1回答

如何在React组件中使用BEM手写笔？

例如，这是我的BEM风格笔代码： .example background yellow .block background black &--modify1 background red &--modify2 background blue 如果我想用.example作为我的组件的类名，我知道这个代码： <Component cla

0热度

1回答

laravel视图文件夹的BEM样式布局

我开始使用Laravel项目，并且使用BEM样式文件夹布局（按块排序，而不是按类型）过去的项目，我想在内部执行同样的操作Laravel提供的views文件夹。将这些文件放在一起看起来很明显，而不是反映在js/sass文件夹中的文件夹结构，但也有一些怀疑，提示了这个问题。举个例子，如果我有一个模态组件，它会存在于： views/components/modal ，它将包括： modal.bla

0热度

1回答

如何在嵌套规则中覆盖修饰符

我有一个关于的问题BEM特异性。我想确保尽可能以最好的方式使用该方法。比方说，我有一个应用颜色标题的通用风格。然后我的父容器有一个编辑背景的修饰符。然后，我需要重写应用于该标题的任何后续颜色规则，以防止对比度问题，但也可能包含一整套其他元素。我该如何推断这个问题到更复杂的情况？我知道我只能手动覆盖所有样式，但在BEM方法中是否有更好的方法来处理它？这是一个问题吗？ CSS .headline{

0热度

1回答

BEM结构反馈

我不确定SO是否是提问的正确位置。如果不是，请告诉我。我最近在学习BEM CSS方法，我喜欢它如何解决诸如特殊性问题等许多CSS问题。它使我们的CSS更易于维护。由于我是新手，我很难用正确的BEM类创建正确的HTML布局。我已经使用BEM创建了一个模块，并希望专家根据BEM的最佳实践就可能是正确布局的意见发表意见。这里是我试图使用BEM CSS方法的截图。这里是HTML的布局，我想出来的，