css - 在标题内容中插入超链接 (CSS) - Wordpress 博客

Question

我使用以下方法在 Logo 后插入了文本:

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

如何使电子邮件地址成为可点击的链接(以我们为收件人的新电子邮件)，最好使用 CSS。

Answer 1

使用 content 属性创建的内容不会被解释为标记，

然而，使用带有伪元素 :after 和属性值 attr() 的 a 元素将产生可点击的链接，因为将创建子元素:

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

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