gpt4 book ai didi

css - 边界元模型?嵌套block?

转载 作者:技术小花猫 更新时间:2023-10-29 11:49:40 24 4
gpt4 key购买 nike

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

所有的子元素都应该引用 block 元素吗?

例如

<!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__search">
<!-- Should this be attached to the header? Or a new context <div class="search"> as it can be used elsewhere on the site? -->
</div>
</div>
</body>
</html>

这里的搜索位于“header”div 中,但我们真的应该将其附加到标题上,因为它可以在网站的其他地方使用吗?

你在 block 中有新的 block 吗?

干杯

最佳答案

据我了解, block 重叠没有任何问题,只要用于定位每个 block 的 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>

关于css - 边界元模型?嵌套block?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40265932/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com