这段代码,别的我都懂,就这个attr(href) 是怎么回事,
我知道jQuery 有这个方法,但是 也不是这么用 的!
是个什么用法?有个什么讲究?
其实我是想通过 这个 attr(href) 学到一些其他作用..
就是学了
document.getElementById(" ")
之后,
搜资料知道了
document.getElementsByTagName(" ")[0]
document.getElementsByTagClassName(" ")[0]
2
1161
<!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>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
如果没有加
a:after那个样式，下面的链接应该显示成这个到底是啥 contains ......
加了之后显示成
这个到底是啥 (http://www.w3cschool.cc) contains ......
看出来区别没得？
a:after表示在<a>内容的后面，content:表示要添加的内容，attr(href)表示获取当前标签，即<a>的href属性。attr是属性的意思，attr(href)，也就是获取href里面的值填充到content里面啊，这是css3的用法。你也可以把“href”换成别的属性看看。
http://www.w3schools.com/cssref/pr_gen_content.asp