在标题内容中插入超链接（CSS）-Wordpress博客

我已使用以下命令在徽标后插入文本：

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

---

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

使用

Content

属性创建的内容不会解释为标记

但是，将

a

元素与伪elemet

：after

和属性值

attr（）

一起使用将产生可单击的链接，因为将创建子元素：

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

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

a.example:：after
{
内容：“[”attr（href）“]”；
颜色：#ff0000；
}

谢谢。这是否可以在同一内容元素中混合常规文本和链接？该链接也需要保留在

href

中，但您可以将纯文本添加到css

内容中，也可以添加到
a
元素中，它将保持可单击状态，甚至可以使用
url（）添加图片
中的
内容
。