多个Sass中的BEM元素和修饰符

huangapple go评论53阅读模式
英文:

Multiple BEM elements and modifiers in Sass

问题

以下是翻译好的内容:

我正在使用BEM命名方法具有多个元素和修饰符但不同的块

.header__column--6
    width: 50%

.footer__column--6
    width: 50%
是否有一种方法可以在Sass中全局处理元素和修饰符以下示例会导致错误

*
    &__column--6
        width: 50%
当然也可以使用全局的`grid__column--6`来代替单独命名每个块

但是在我的项目中我需要定义这些不同的块
英文:

I am using BEM with multiple elements and modifiers but different blocks.

.header__column--6
    width: 50%

.footer__column--6
    width: 50%

Is there a way to address the elements and modifiers globally in Sass? The following example results in an error.

*
    &__column--6
        width: 50%

Of course there would be the possibility to use global grid__column--6 instead of naming each block individually.

However, in my project i am dependent on defining these different blocks.

答案1

得分: 0

尝试使用此属性选择器:

[class$='__column--6']
width: 50%

英文:

Try this attribute selector:

[class$='__column--6']
  width: 50%

huangapple
  • 本文由 发表于 2023年2月9日 02:26:57
  • 转载请务必保留本文链接:https://go.coder-hub.com/75390205.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定