首页 > 代码库 > 使用属性选择器用于空链接

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

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

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

 

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

  

相当方便。  

支持  

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

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