gpt4 book ai didi

CSS伪元素: using attr to refer to an attribute of another element

转载 作者:行者123 更新时间:2023-12-03 09:01:06 24 4
gpt4 key购买 nike

我想使用::before 伪元素插入在 HTML 文件的其他区域中找到的一些文本。

我的 HTML:

<html>
<body notetext="Note">
...
<p class="bodytext">Don't press the red button!</p>
</body>

我可以使用 content:attr 来选择当前元素的属性,但是是否可以引用祖先元素的属性?就像在 XPath 中一样,例如 (//body/@notetext)

我拥有的不起作用的CSS:

p.bodytext::before {
content:attr(notetext);
}

我正在使用 Antennahouse Formatter,用于 CSS 分页媒体。

最佳答案

如果您可以更改 HTML,您可以考虑使用 CSS 变量,如下所示:

p.bodytext::before {
content: var(--text);
}
<body style="--text:'Note '">

<p class="bodytext">Don't press the red button!</p>
</body>

关于CSS伪元素: using attr to refer to an attribute of another element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50233763/

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