首页 > 开发 > CSS > 正文

在CSS中用at_tr()显示HTML属性值

2020-03-24 16:09:09
字体:
来源:转载
供稿:网友

  attr()功能早在CSS 2.1标准中就已经出现,但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上的属性,在很多情况下都能帮你省去了以往需要Javascript处理的过程。

  要想使用这个功能,你需要用到三种元素:一个:before 或 :after CSS伪类样式, .co

1905电影网[www.aikan.tv/special/1905dianyingwang/]ntent属性,和一个带有你想使用的HTML属性名称的attr()表达式。例如,想去显示

  标题上的data-prefix属性的值,你可以写成这样:

  h3:before {

  content: attr(data-prefix) "";

  }

  This is a heading

  显然,这个例子并没有展示它有多大用处,只是展示了它的基本用法。让我们来试一个更有用的例子,attr()的一个极好的应用就是当用户打印页面时将页面链接显示出来。为了实现这个,你可以这样写:

  @media print {

  a:after {

  content: " (link to " attr(href) ") ";

  }

  }

  Visit our home page

  一旦你知道了这个技巧,你就会吃惊于很多时候它能给你的工作带来的方便!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表