Css Pass:after-content属性和html属性

Css Pass:after-content属性和html属性,css,html,Css,Html,我有许多div,每个div在:after元素中需要不同的内容属性。 我不可能单独设置每个div的样式,因为div的数量相当大 我的问题:我可以在html标记本身中传递属性吗? 说我有 <a href="#" class="vak">Engels</a> 如何传递html中需要更改的字符串?有更好的方法吗?(最好不使用js)您可以为它使用一个属性: <a title="this will be displayed in the :after">test<

我有许多
div
,每个div在
:after
元素中需要不同的内容属性。 我不可能单独设置每个div的样式,因为
div
的数量相当大

我的问题:我可以在html标记本身中传递属性吗? 说我有

<a href="#" class="vak">Engels</a>

如何传递html中需要更改的
字符串?有更好的方法吗?(最好不使用js)

您可以为它使用一个属性:

<a title="this will be displayed in the :after">test</a>

您可以为它使用一个属性:

<a title="this will be displayed in the :after">test</a>

你想要一个变量
内容
?你想要一个变量
内容
?效果很好,不知道css提供了这个功能!任何主要浏览器都不支持attr()。我不知道这怎么会对你有用。。事情似乎相互冲突。似乎说它不适用于任何浏览器,但说的是不同的东西,我的小提琴也是。如果你试着这么做,它应该会起作用。网站的浏览器兼容性部分还说,目前没有浏览器支持这一功能(这很遗憾)。我测试了最新版本的Chrome和Firefox,但没有成功。工作起来很有魅力,不知道css提供了这个功能!任何主要浏览器都不支持attr()。我不知道这怎么会对你有用。。事情似乎相互冲突。似乎说它不适用于任何浏览器,但说的是不同的东西,我的小提琴也是。如果你试着这么做,它应该会起作用。网站的浏览器兼容性部分还说,目前没有浏览器支持这一功能(这很遗憾)。我测试了Chrome和Firefox的最新版本,但没有成功。
a:after {
    content: attr(title);
    display: inline-block;
    color: #A9B0BB;  
    float: right;
    font-style: italic;
}