CSS：样式和颜色外链

Question

我想为我网站 (Xenforo) 中的所有外部链接设置样式。我正在尝试：

a[href ^= "http"]:after {
     content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);    
}

看起来不错，但我还需要添加红色。我该怎么做？

Answer 1

您可以使用相同的属性 select，并为 a 元素设置红色样式：

a[href ^= "http"] {
  color: red;
}

a[href ^= "http"]::after {
     content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);    
}

<a href="/cats">Internal</a>

<a href="https://www.whosebug.com">Internal</a>

CSS：样式和颜色外链

CSS: Style and color external links

css

url

external

href

hyperlink