Question

我有一个客户实体。有两种类型的客户：医生和药房。两者都有＆＃34; name＆＃34;，＆＃34; address＆＃34;，＆＃34; phone＆＃34;，＆＃34; email＆＃34;领域。但医生有医学专业和医学专业。和＆＃34;医院＆＃34;另外还有。医生和药房的风格几乎相同（高度和医生的特殊领域除外）。

我有＆＃34;客户＆＃34;阻止（使用原始BEM表示法）。

.client {
    &_type_doctor {
        height: 280px;
    }
    &_type_pharmacy {
        height: 210px;
    }
    &__name {
        ...
    }
    &__address {
        ...
    }
    ...
}

我的问题是我应该如何命名特殊的医生领域？

.client__medical-specialty {...}
.client__hospital {...}

或者

.client_type_doctor__medical-specialty {...}
.client_type_doctor__hospital {...}

或者应该有＆＃34;医生＆＃34;另外，当客户是医生时，我应该将客户与医生混在一起吗？

.client {
    &__name {...}
    &__address {...}
    ...
}

.doctor {
    height: 280px;

    &__medical-specialty {...}
    &__hospital {...}
}

Answer 1

元素始终具有块名称本身的前缀（不具有修饰符块）。所以

.client__medical-specialty {...}
.client__hospital {...}

是最好的方式。

BEM。用修饰符元素命名阻止

1 个答案: