语法：
attr() = attr(attr-name)
说明：
插入元素的属性值。
- 在CSS2.1中attr()总是返回一个字符串。在CSS3中attr()可以返回多种不同的类型。
-
在CSS2.1中可以这样使用：
示例代码：
a:after { content: "("attr(href)")"; font-size: 12px; } </div> </li> </ul> </div> </div><div id="compatible" class="g-mod g-attr"> <h2 class="tit">兼容性：</h2> <div class="cont"> <ul class="support-type"> <li><span class="support">浅绿</span> = 支持</li> <li><span class="unsupport">红色</span> = 不支持</li> <li><span class="partsupport">粉色</span> = 部分支持</li> </ul> <table class="g-data"> <thead> <tr> <th>IE</th> <th>Firefox</th> <th>Chrome</th> <th>Safari</th> <th>Opera</th> <th>iOS Safari</th> <th>Android Browser</th> <th>Android Chrome</th> </tr> </thead> <tbody> <tr> <td class="unsupport">6.0-7.0</td> <td class="support" rowspan="2">2.0+</td> <td class="support" rowspan="2">4.0+</td> <td class="support" rowspan="2">3.1+</td> <td class="support" rowspan="2">15.0+</td> <td class="support" rowspan="2">3.2+</td> <td class="support" rowspan="2">2.1+</td> <td class="support" rowspan="2">18.0+</td> </tr> <tr> <td class="support">8.0+</td> </tr> </tbody> </table> </div> </div> </div> <div class="navigation clearfix"> <span class="alignleft">上一篇：<a href="/tools/CSSDocument/counters().html" >counters()</a></span> <span class="alignright">下一篇：<a href="/tools/CSSDocument/image.html" >&lt;image&gt;</a></span> </div> </div><!-- main-wraper end --> <footer id="footer-con" class="footer" > <p id="footer">Copyright © Shifone </p> </footer> <div id="frame-loader"> </div> </div><!-- main -container end --> <div id="asides"></div> <script src="/tool-assets/assets/js/jquery-2.1.4.min.js" ></script> <script src="/tools/CSSDocument/js/jquery.autocomplete.js" ></script><script src="/tools/CSSDocument/js/jquery.mCustomScrollbar.js" ></script><script src="/tools/CSSDocument/js/jquery.mousewheel.js" ></script> <script src="/tools/CSSDocument/js/asides.js" ></script><script src="/tools/CSSDocument/js/shifone.js" ></script><script src="/tools/CSSDocument/js/jquery.mCustomScrollbar.js" ></script> </body> </html>