你可能没用过的attr表达式

发布时间:2018-12-19 作者:一点通


作为一个CSS3表达式,attr()用来获取当前选择的元素的某一个HTML属性值,并用于其样式。

如果该元素是伪元素,则取其所依附的元素的属性值。

常见的一个使用场景是给伪元素的content赋值:

p:before{
    content: attr(data-txt)
}

注意attr(属性值)里面的属性名没有引号

<p data-txt="hello"></p>

结果显示hello

attr()表达式支持IE9+浏览器,可以放心使用