我正在尝试使用CSS为一组不同的域设置外部链接的样式。 原因是,我的网站具有单一CSS样式,每种语言都有不同的域。
这是我当前的CSS代码:
a:before {font-family: 'iconfont'; content: '\e200';}
a[href^="http://"]:not([href*="domain-english.com"]):before,
a[href^="https://"]:not([href*="domain-english.com"]):before,
a[href^="//"]:not([href*="domain-english.com"]):before {content: '\e300';}
a[href$= ".pdf"]:before,
a[href$= ".zip"]:before {content: '\e400';}
如您所见,我正在使用域来验证内部域,并尝试检查链接是否为外部。如果是这样,我会为链接显示另一个图标。
问题是,如果我为每个域添加一个额外的代码,那么CSS将不再起作用。
有什么把戏吗?
我还尝试用一种额外的语言CSS加载此代码。但是这些链接有时会指向其他语言域,我不想将它们作为外部链接来处理。