css - attr(x) 在 CSS 中不起作用

Question

所以我想pre在文档网页中使用标签。现在，我希望正确的语言位于右上角。所以这就是我认为我可以做的：

<pre class="code" language="Python"></pre> 

然后我可以在 CSS 中使用afterandattr(X)用以下内容填充 psuedo language：

pre.code:after{
    content: attr("language");
    position:absolute;
    right:0;
    top:0;
}

但这并没有做任何事情！

如果我改成attr("language")它"Python"可以工作...为什么 attr(X) 在这里不起作用？

jsfiddle

Answer 1

不要在attr()表达式中包含引号。

使用attr(language)而不是attr("language").

此处更新示例- 您的代码现在可以进行小修正。

pre.code:after {
    content: attr(language);
}

请参阅下面的@BoltClock 评论，了解为什么不应该使用引号的详细信息。