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

Question

使用用户样式表，我想在将我带到任何网站的不同域的任何链接之前放置一个特殊图标（例如example.com到example1.example.com，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) 并非每个网站都将协议放在 url 前面，并且 b) 网站可以使用协议链接到自己。

谢谢！

Answer 1

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

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

无论如何，这是代码，如w3 specs中所示；

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