Question

我有以下SASS代码。

我怎样才能完全相同但使用BEM方法？

AddContactVC *addController =[self.storyboard instantiateViewControllerWithIdentifier:@"AddContactVC"];
UINavigationController *navigationController = [[UINavigationController alloc]initWithRootViewController:addController];
[self presentViewController:navigationController animated:YES completion: nil];

Answer 1

例如，使用三个元素.primary-nav，.primary-nav__ul，.primary-nav__li制作一个.primary-nav__a块。

.primary-nav {
    &__ul {
        border-top: 2px solid $darkgreen;
        display: block;
        margin:10px 0 0 0;
        padding: 25px 0 0 0;
    }
    &__li {
        background-color: #004f5a;
        display: inline-block;
        float: none;
        margin-left: 0;
        padding: 5px 0;
        text-align: center;
        width: 100%;
    }
    &__a {
        color:#fff;
        letter-spacing: 0.5px;
        &:hover {
            color: $darkgreen;
        }
    }
}

Answer 2

BEM是类的命名约定（区分标识符和修饰符）;这个概念是创建非常严格的单一类选择器。

实现这一目标的方法是SCSS ampersand selector;

在您的方案中，由于您的标记并没有将类组合以自定义元素，因此它没有多大意义。

如何使用BEM命名导航栏结构？

2 个答案: