gpt4 book ai didi

html - block 元素可以依赖 BEM 中的 block 修饰符吗?

转载 作者:可可西里 更新时间:2023-11-01 13:49:41 24 4
gpt4 key购买 nike

<分区>

使用 BEM 时的常见用途是什么?我在任何地方都找不到这个..在 SCSS 中,我能否使 .block__element 依赖于其 block 的修饰符

例如,假设 .header__text 始终为白色,但仅当 .header 具有修饰符 .header--bgblue 时。

<div class="header">
<div class="header__text">
Default color is black
</div>
</div>

<div class="header header--bgblue">
<div class="header__text">
I want this to be white because it's inside header--bgblue
</div>
</div>

或者最好为每个元素制作单独的元素修饰符?

<div class="header header--blue">
<div class="header__text header__text--white">
I want this to be white because it's inside header--bgblue
</div>
</div>

在这种情况下,这是一个很小的努力,但是当有更多的依赖关系时(例如,涉及更多的元素),这是要走的路吗?

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