content: attr(data-src-600px,url);
谁能告诉我这具体是什么意思?attr()这个应该怎么用
谁能告诉我这具体是什么意思?attr()这个应该怎么用
2016-08-27
attr(attribute) 设置content作为选择器的属性之一。
在CSS2.1中attr()已经被定义,它表示总是返回一个字符串。
content一般和:before,:after一起使用,用来生成内容(img和input没有该属性),content的内容一般可以为以下四种:
none: 不生成任何值。
attr: 插入标签属性值
url: 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源)
string: 插入字符串
content和attr()配合使用
attr属性通常和自定义属性data-配合使用,因为传统的其它属性虽然也能存值,但通常不适合存放表达性文字。
示例代码:
<div data-line="1"></div> div[data-line]:after { content: attr(data-line);/* 属性名称上不要加引号! */ }
举报