CSS:样式和颜色外部链接

标签 css url hyperlink href external

我想为我网站 (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/

相关文章:

php - 当脚本用作 CSS 时,PHP $_POST/$_GET/$_REQUEST 是否有效?

symfony - 奏鸣曲管理员通过显示链接更改编辑链接

html - 具有没有 href 且没有名称的 anchor 标记是有效的 HTML 吗?

javascript - 如何在不打开外部链接的情况下访问它,只需加载它

hyperlink - 关联数据和标签

html - 什么时候必须清除 float ?

javascript - jQuery:即使有滚动,如何使对话框保持在右上角?

html - Bootstrap 4 表格标题和行上的全宽背景,但内容上的容器

Java 库验证 URL 并从字符串中删除 URL 参数

PHP:关于在 URL 中传递参数的问题