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

Question

使用用户样式表，我想在任何链接之前放一个特殊的图标，该链接将我带到任何网站的不同域（例如，example.com到example1.example.com，示例.com到stackoverflow.comttps://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规范中的代码；

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