我如何在用户样式表中选择跨域链接？

Question

使用用户样式表，我想在任何将我带到任何网站的不同域的链接之前放置一个特殊图标（例如 example.com 到 example1.example.com < / em>， example.com 到 stackoverflow.com ， example.com 到 example.com:80 ， * http://example.com *至 https://example.com 等但不是 example.com/patha至example.com/pathb）。我该怎么做？我已经知道要将图像放在链接之前，我必须使用像

这样的东西

a:before
{
content:url(path/to/icon.png);
}

我已经尝试过并确保它有效，但我如何让它只选择跨域链接？我的限制是针对Chrome中的用户样式表，这意味着无脚本，除非我可以指定用户编写的脚本而不将其转换为扩展名。 我已经尝试了a[href^=http]:before但是a）并非每个网站都将协议放在网址前面，而b）网站可以通过协议链接到自己。

谢谢！

Answer 1

我找到了解决问题的完美解决方案。

可悲的是，它在CSS4中，我们仍然在等待所有的CSS3。

无论如何，这是代码，如w3 specs;

中所示

a:not(:local-link(0)):before {
    content:url(path/to/icon.png);
}