css 这个 attr(href) 是什么用法?
这段代码,别的我都懂,就这个attr(href) 是怎么回事,
我知道jQuery 有这个方法,但是 也不是这么用 的!
是个什么用法?有个什么讲究?
其实我是想通过 这个 attr(href) 学到一些其他作用..
就是学了
document.getElementById(" ")
之后,
搜资料知道了
document.getElementsByTagName(" ")[0]
document.getElementsByTagClassName(" ")[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
a:after {content: " (" attr(href) ")";} /*★★★★★★这里的是 attr(href) 是什么意思?*/
</style>
</head>
<body>
<p><a href="http://www.w3cschool.cc">这个到底是啥?</a> contains free tutorials and references.</p>
<p><a href="http://www.wwwwwww.cc">大家好!!</a> contains free tutorials and references.</p>
<p><b>Note:</b> IE8 supports the content property only if a !DOCTYPE is specified.</p>
</body>
</html>
展开
收起
2
条回答
写回答
写回答
-
-
IT从业如果没有加 a:after 那个样式，下面的链接应该显示成
这个到底是啥 contains ......
加了之后显示成
这个到底是啥
(http://www.w3cschool.cc) contains ......看出来区别没得？
a:after 表示在 内容的后面，
content:表示要添加的内容，attr(href)表示获取当前标签，即<a> 的 href属性。2019-07-17 19:34:54赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
