可以将:作为链接的一部分可点击的伪元素之后/之前？

Question

伪元素a:在a之后:允许您添加看似属于链接的文本.但是,我似乎无法想出一种方法可以将该部分作为链接的一部分进行点击.

例如,以下css后面显示了url:

  a:after {
     content: " (" attr(href) ")";
  }

...但它不会被点击.

有人在不改变底层HTML的情况下解决这个问

编辑:我正在使用chrome 13.0.782.107.事实证明这是一个错误.(谢谢肖恩)

Answer 1

您似乎发现了正在使用的浏览器中的错误.

根据规范,生成的内容应被视为其生成元素的子元素.我创建了一个JSFiddle来测试它,并在大多数浏览器中为我链接生成的文本(Chrome 13是唯一的例外.)我的猜测是你在Chrome中测试.这是一个可重现的错误.

解决方法是简单地在链接上指定背景颜色...如果您希望能够将其用于所有链接,声明背景图像(但不指定图像,或使用透明.gif- 或者只是指出,设置opacity为1)以外的任何其他工作.