css – 外部链接的链接样式

2023年8月21日 229次阅读

我将对我的网站应用链接样式,以便外部链接旁边有一个图标,但是我有问题,在应用时页脚图像链接也发生了变化,如果有办法避免这种情况？

CSS

a[href^="http://"] { 
background: url( https://www.clearinghouseforsport.gov.au/__data/assets/image/0009/643176/icon_external.gif ) center right no-repeat;
padding-right: 16px;
}

最佳答案 我认为不可能将选择器分配给其子元素的父基础,请在SO
Apply CSS styles to an element depending on its child elements中检查此答案.您想要应用于所有< a>链接< / a>但不包括< a>< img src =”/>< / a>那是不可能的

但你可以尝试做：

a[href^="http://"] {
  /*do your stuff*/
}

a[href^="http://"] img {
 background: none; /*remove background*/
}

应该有用.顺便说一句,你在选择器中缺少https：//

点赞