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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用属性选择器用于空链接相关的知识,希望对你有一定的参考价值。

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

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

 

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

  

相当方便。  

支持  

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

以上是关于使用属性选择器用于空链接的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序代码片段

JQuery 返回具有空属性选择器的非空输入

片段中的 EditText 上的空指针异常 [重复]

如何使用插值来设置属性选择器?

CSS3:空选择器和内容属性

html标签<a>作用是啥?在定义css时,它的伪选择器包括哪几种?