Version control 外部标记的内容属性

在SCSS中，类似这样的事情

obj {
  obj2 {
    content: attr(val) ; /**/
  }
}

其中“val”属性设置在“obj”中，而不是“obj2”。如何使用外部元素的属性

这将是html内容的一个示例：

<obj val="$">
  <obj2>a</obj>
  <obj2>b</obj>
  <obj2>c</obj>
</obj>

A.
B
C

内容：“”

用于伪元素（

:before

，

:after

），而不用于常规元素，如

。 您无法从子元素访问父元素的属性，因此在您描述的HTML中无法获取属性val

您应该设置如下结构：

HTML

<obj currency="USD">
  <obj2>1</obj2>
  <obj2>2</obj2>
  <obj2>3</obj2>
</obj>

---

@charset“UTF-8”；
obj{
/*样式*/
}
obj obj2{
/*样式*/
}
obj[currency=“USD”]>*：之前{
内容:"元";；
}
obj[currency=“GBP”]>*：之前{
内容:"""；
}
obj[currency=“EUR”]>*：之前{
内容：“€”；
}

1.
2.
3.

没有答案是否意味着没有人理解这个问题？

obj {
    /*Stylings*/
    obj2{
        /*Stylings*/
    }
    &[currency="USD"]>*:before {
        content:'$';
    }
    &[currency="GBP"]>*:before {
        content:'£';
    }
    &[currency="EUR"]>*:before {
        content:'€';
    } 
}