码迷,mamicode.com
首页 > 其他好文 > 详细

使用属性选择器用于空链接

时间:2017-05-18 16:54:36      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:empty   safari   没有   firefox   nbsp   logs   class   bsp   使用   

使用属性选择器用于空链接

当 a 元素没有文本值,但 href 属性有链接的时候显示链接:

 

a[href^="http"]:empty::before {
    content: attr(href);   
}

  

相当方便。  

支持  

这些高级技巧在Chrome、Firefox、Safari、Edge的当前版本,以及IE11中都能有效工作。

使用属性选择器用于空链接

标签:empty   safari   没有   firefox   nbsp   logs   class   bsp   使用   

原文地址:http://www.cnblogs.com/chuyi-123/p/6873853.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!