1. 程式人生 > >使用屬性選擇器用於空鏈接

使用屬性選擇器用於空鏈接

firefox logs div highlight 工作 選擇 css con chrome

使用屬性選擇器用於空鏈接

當 a 元素沒有文本值,但 href 屬性有鏈接的時候顯示鏈接:

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

  

相當方便。  

支持  

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

使用屬性選擇器用於空鏈接