BEM?块内块?

时间:2016-10-26 15:10:13

标签: css bem

有点不确定何时在BEM中开始新的上下文。

所有子元素是否应始终引用块元素?

例如

<beans xmlns="http://xmlns.jcp.org/xml/ns/javaee"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/beans_1_1.xsd"
       bean-discovery-mode="all">

</beans>

此处搜索位于&#39;标题内。 div,但我们是否真的将它附加到标题,因为这可以在网站的其他地方使用?

你在街区内有新的街区吗?

干杯

1 个答案:

答案 0 :(得分:10)

我的理解是,块重叠没有任何问题,只要用于定位每个块的css是谨慎且独立的。因此,search样式不应取决于header样式,如果它在其他地方可用。同样,header样式一旦失去与其子女的相关性,就不需要再进一步下去了。

这样的事情会起作用吗?这有意义吗?

<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <title>bem</title>
    </head>
    <body>
        <div class="header">
            <div class="header__left">
                <!-- Left column content -->
            </div>
            <div class="header__right">
                <div class="search">
                    <input class="search__input>
                    <button class="search__button>GO!</button>
                </div>
            </div>
        </div>
    </body>
</html>