提起css3中伪类的content大多数人都会用它来插入图标,文字,今天get一个比较高级的用法和大家分享一下。
html 代码:
<a href="http://lycorisradiata.com/">我兜兜有好多糖!</a>
<div abbr="我是个abbr" title="abbr">attr获取属性abbr</div>
css 代码:
a:after {
content: "("attr(href)")";
}
div:after{
content: attr(abbr);/*不用引号也可以*/
color: red;
}
效果图如下: