css - 在 BEM 列表中列出

标签 css css-selectors bem

我理解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/

相关文章:

javascript - 将悬停下拉功能更改为单击功能

html - 水平线和在 html、css 中编码的正确方法

html - 隐藏元素,但显示 CSS 生成的内容

html - BEM 是否会迫使您创建不必要的元素?

html - 使用 BEM 导航栏结构的正确方法

html - 修饰符的目标同级

css - IE7 不应该缩进文本

css - 表行选定的颜色更改 JavaFX

css - 是否有 CSS 父级选择器?

jquery - 更改背景位置 - 最好使用 jQuery 或 :hover with Selectivizr?