使用屬性選擇器用於空連接 &如何作1像素細邊框的table？

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

當 a 元素沒有文本值，但 href 屬性有連接的時候顯示連接：

 

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

　　

至關方便。 　

支持 　

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

 

 

如何作1像素細邊框的table？

 

方法1：

 

#test{border-collapse:collapse;border:1px solid #ddd;}

#test th,#test td{border:1px solid #ddd;}

 

 

姓名 Joy Du

年齡 26

 

 

方法2：

 

#test{border-spacing:1px;background:#ddd;}

#test tr{background:#fff;}

 

姓名 Joy Du

年齡 26

 

IE7及更早瀏覽器不支持border-spacing屬性，可是能夠經過table的標籤屬性cellspacing來替代。