为了账号安全,请及时绑定邮箱和手机立即绑定

content: attr(data-src-600px,url);

谁能告诉我这具体是什么意思?attr()这个应该怎么用

正在回答

1 回答

  • attr(attribute)    设置content作为选择器的属性之一。

  • 在CSS2.1中attr()已经被定义,它表示总是返回一个字符串。

  • content一般和:before,:after一起使用,用来生成内容(img和input没有该属性),content的内容一般可以为以下四种:

  1. none: 不生成任何值。

  2. attr: 插入标签属性值

  3. url: 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源)

  4. string: 插入字符串

  • content和attr()配合使用

    attr属性通常和自定义属性data-配合使用,因为传统的其它属性虽然也能存值,但通常不适合存放表达性文字。
示例代码:

    <div data-line="1"></div>
    div[data-line]:after { content: attr(data-line);/* 属性名称上不要加引号! */ }



1 回复 有任何疑惑可以回复我~
#1

岸边花开一朵朵

上面代码求解释下
2016-08-28 回复 有任何疑惑可以回复我~
#2

西瓜瓜瓜 提问者

非常感谢!
2016-08-28 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
十天精通CSS3
  • 参与学习       242697    人
  • 解答问题       2623    个

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

进入课程

content: attr(data-src-600px,url);

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信