设置不同/多个域的外部链接的样式

时间:2018-07-04 04:56:35

标签: html css html5 css3 hyperlink

我正在尝试使用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加载此代码。但是这些链接有时会指向其他语言域,我不想将它们作为外部链接来处理。

0 个答案:

没有答案