attr（x）无法在CSS中工作

Question

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

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

然后我可以使用CSS中的after和attr(X)来填充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")。

UPDATED EXAMPLE HERE - 您的代码现在适用于那种小修正。

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

有关为何不使用引文的详细信息，请参阅@BoltClock's comments below。