有点不确定何时在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,但我们是否真的将它附加到标题,因为这可以在网站的其他地方使用?
你在街区内有新的街区吗?
干杯
答案 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>