Question

我是BEM的新手，正在研究样本模板：

HTML

.main-menu .list{
  // styles here
}

.list__item{
  // styles here
}

.list__item-link{
  // styles here
}

.list__item-link--active{
  // styles here
}

CSS

public extension UITextView {

    public var visibleRange: NSRange? {
        if let start = closestPosition(to: contentOffset) {
            if let end = characterRange(at: CGPoint(x: contentOffset.x + bounds.maxX, y: contentOffset.y + bounds.maxY))?.end {
                return NSMakeRange(offset(from: beginningOfDocument, to: start), offset(from: start, to: end))
            }
        }
        return nil
    }
}

所以我的问题是，列出名单的最佳方式是什么以及如何最好地组织CSS？我被困在页脚里，我加了一个????如果有人可以帮我想出一个更好的页脚链接名称？

我发现很难将头围绕在BEM上，但我不应该一次嵌套多个元素吗？

Answer 1

将BEM视为可重复使用的组件，可以在不同位置多次放置。

在这种情况下，您不再需要在＆＃39; list＆＃39;中进一步上课。在页眉和页脚中都有。

如果您需要进行任何修改，可以使用以下方式：＆＃39;列表 - 更广泛的＆＃39;或者。而这第二类只改变元素的宽度。

还有一个：list__item-link错了。家长是＆＃39; list__item＆＃39;所以这应该命名为＆＃39; list__item__link＆＃39;但是你也可以把它命名为“锚定”。或者＆＃39;链接＆＃39;并且您将能够在<a>个元素的网站周围重复使用它们。

BEM：列出项目和样式？

1 个答案: