這是一個在元素前面或後面插入內容的方法(搭配 selector:before和selector:after)
HTML:
<a class="yahoo" href="http://www.yahoo.com.tw">Yahoo</a> <a class="google" href="http://www.google.com">Google</a>
CSS:
.google:after { /* 前後加入~~字串 與網址串接*/ content:"~~" attr(href) "~~" }
這樣在畫面就會顯示成
Google~~http://www.google.com~~