css中的attr

attr一词语原意思为attribute即为属性。
在js中会用到attr，另外一个属性为prop
至于attr与prop的区别，可以自行Google
今天要说的是这个css里的attr属性；
这个属性可以读取html标签里任何一个字符串类型的值；包含关键字的比如class style id等
然后结合伪类的content一块儿使用；省去很多标签就能呈现效果；
卧槽～这货貌似给我们打开里一扇大门！！很多属性这时候我们就能理解了为什么img标签写width和height管用；其他的写不管用
这就不难理解了。在标签里写对应属性是不是很熟悉。是不是跟sass很像！

 <div val='50%' class='progress'></div>
.progress::before{content:attr(val); }

attr

attr