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;
}