插入超链接（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>