显示为父伪的子attr

Question

是否可以在父元素的伪元素中获取子元素的属性。

HTML

<div class="parent">
  <pre>
     <code class="foo" data-lang="bar">
      ....
     </code>
  </pre>
</div>

我需要的是 .parent :: after 将 .foo 中的attr(data-lang)作为内容

谢谢

Answer 1

无法做到这一点 本质上是CSS（和名称）级联。因此子元素数据属性超出了父元素伪元素的使用范围。

来自ngRepeat：

  

attr（）CSS函数用于检索所选元素的属性值，并在样式表中使用它。它也可以用在伪元素上，在这种情况下，返回伪元素的原始元素的属性值。

这取决于你完全使用data属性的值，但你仍然可以使用子元素设置样式，但这取决于你的用例。如果可以，请将数据属性移动到父级（，如果可以在此处执行）。