插入超鏈接（CSS） - WordPress的博客

Question

我已經用我的標誌之後插入文本如下：

#header:after { 
content: "Blah blah blah. Contact us at abc@xyz.com" 
} 

我怎樣才能讓電子郵件地址的可點擊的鏈接（到新的電子郵件與我們的收件人），理想情況下使用CSS。

Answer 1

使用 content屬性創建

的內容不能解釋爲標記，

但是使用與僞的a元素elemet :after和屬性值attr()將導致一個可點擊的鏈接，因爲子元素將被創建：

a.example::after 
    { 
     content: '[' attr(href) ']'; 
     color:#ff0000; 
    } 

<a class="example" href="http://www.google.com"></a>