在BEM中应用相邻的同级组合器

时间:2018-12-12 12:40:51

标签: css bem

我想在我的BEM结构中插入以下平面CSS代码。但是由于某种原因,之前的psuedo类没有出现在DOM树中。 有谁知道如何将此CSS代码应用于BEM?

CSS:

li + li:before {
  height: 22px;
  line-height: 22px;
  .icon(@unicode: '\f105'; @iconset: 'FontAwesome');
  font-size: 22px;
  opacity: 0.2;
  position: relative;
  top: 2px;
  padding: 0 15px;
}

HTML:

<li class="mod-breadcrumbContainer__item">
    <a class="mod-breadcrumbContainer__link" href="#" title="text">
        <span class="mod-breadcrumbContainer__text">link1</span>
    </a>
</li>
<li class="mod-breadcrumbContainer__item">
    <a class="mod-breadcrumbContainer__link" href="#" title="text">
        <span class="mod-breadcrumbContainer__text">link2</span>
    </a>
</li>

0 个答案:

没有答案