主页 / 问题 / 811148
Accepted
Азамат Шарафутдинов
Asked:2020-04-08 17:19:24 +0000 UTC2020-04-08 17:19:24 +0000 UTC

Pug（ex-Jade）中的类连接（BEM）？

  • 772

大家好，这是问题。如何正确地从父类继承一个类，如Sass：

.b1_form .b1_form-title Заголовок

为了不在第二个类中编写父类，而是类似的东西&-title（如在 CSS 预处理器中）？

jade

1 个回答

  1. Best Answer

    它没有Pug开箱即用的类连接，但使用Bemto mixin set 很容易添加。

    将 mixins 添加到模板后，给定的语法是：

    +b.block1
  +e.element1 Foo
  +b.block2
    +e.A(href="#bar").element Bar
  +e.element2 Baz

    将编译为此HTML：

    <div class="block1">
  <div class="block1__element1">
    Foo
  </div>
  <div class="block2">
    <a class="block2__element" href="#bar">Bar</a>
  </div>
  <div class="block1__element2">
    Baz
  </div>
</div>
    • 1

相关问题