gpt4 book ai didi

css - 在 BEM 列表中列出

转载 作者:太空宇宙 更新时间:2023-11-04 08:51:56 24 4
gpt4 key购买 nike

我理解block__element--modifier 命名规则与 BEM 方法。
但是我该如何命名这种结构呢?如果你在外部列表中有一个嵌套列表。
如何使用 list__item 元素在 list block 中命名嵌套的 ulli

<ul class="list">
<li class="list__item">
<ul>
<li></li>
<li></li>
<ul>
<li class="list__item"></li>
<li class="list__item"></li>
</ul>

更新(作为 Dan Rocha 的回答)

“你在说这个吗?”

<ul class="list">
<li class="list__item">
<ul class="list--inner>
<li class="list__item--inner></li>
<li class="list__item--inner></li>
<ul>
<li class="list__item"></li>
<li class="list__item"></li>
</ul>

最佳答案

如果嵌套列表看起来应该一样,您可以为它使用相同的命名。如果不同,请考虑使用修饰符/混合或什至是全新的名称(如果内部列表样式与父级没有任何共同之处)。

关于css - 在 BEM 列表中列出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43376863/

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