我想为我网站 (Xenforo) 中的所有外部链接设置样式。我正在尝试:
a[href ^= "http"]:after {
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);
}
看起来不错,但我还需要添加红色。我该怎么做?
最佳答案
您可以使用相同的属性 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.stackoverflow.com">Internal</a>
关于CSS:样式和颜色外部链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58348322/