学做网站培训课程介绍

当前位置:

CSS attr() 函数获取变量的方法

CSS attr() 函数可以像JS一样获取变量了,这个对于前端开发是非常方便的事情。例如我们可以使用CSS attr() 函数来获取当前超链接的链接地址。


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>学做网站论坛</title>
<style>
a:after {content: " (" attr(href) ")";}
</style>
</head>

<body>
<p><a href="https://www.xuewangzhan.com/">学做网站论坛</a></p>
<p><a href="https://www.xuewangzhan.com/">HTML 教程</a></p>

<p><strong>注意:</strong> IE8 需要声明 !DOCTYPE 才可以支持 attr() 函数。</p>
</body>
</html>

除了获取href的值之外,我们还可以使用CSS attr() 函数来获取data的传值。


<h3><a href="index14.html"><span data-title="关于我们">关于我们</span></a></h3>
<style>content: attr(data-title);</style>

以上就是CSS attr() 函数二种常用的应用。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • iFrame 是一段 HTML 代码,用于创建嵌入在另一个 HTML 页面中的 HTML 页面。本质上,它创建了一个窗口,用于从网页内查看来自外部资源的内容。iFrame
  • 网站添加了注册/登录框之后,为了防止别人恶意注册和登录,可以在注册/登录框上添加验证码功能。效果如下图:下面介绍一下这种注册/登录框验证码制
  • CSS 变量(又名自定义属性)已在 WEB 浏览器中支持了近四年。我一般也会根据项目情况使用它们。它们非常有用且易于使用,但是前端开发人员通常可能会
  • 自己学习做网站时,CSS是非常重要的,下面是自己学习做网站必知的10个CSS知识点。居中长文本很难解析,也因此不易阅读。每行设置字符限制,可以大大
  • 360网站 安全检测给人一种比较放心的感觉,下面学建站网介绍一下怎么给自己做网站时添加360网站 安全检测。在百度搜索框中输入360网站安全检测 并搜
  • 自己做个网站的费用一般是几百到几千不等。费用主要包括以下几个部分:部分1:网站域名。网站还需要有一个专用的域名作为标识符,可以在一些知名的
  • 现在很多WordPress网站都会采用自适应的方式来实现移动端,但是有些项目自适应的方式不太适合,需要定制一套移动端的主题,让PC端与移动端分别调用不
  • 企业为什么要建网站,企业做网站好处在哪?企业之所以需要进行网站建设是因为网站建设完成这后可以让企在互联网上树立企业形象,宣传企业信息,增加客
  • 老师,我学习了学做网站论坛上的免费建站课程,很有收获。我正在开发一个网站,网 站上有一些字体比较特殊,很多用户浏览器上没有这种字体,我又想让
  • 请教一下,我在做网站过程中,使用ul标签,里面的li标签默认是竖排的,怎么控制li标签横排呢?i标签默认是竖排,独占一行,控制横排很简单,只需要