用CSS指定外部链接的样式

用CSS指定外部链接的样式

对外部链接很有用的CSS样式代码:

a[href^="http://"]:not([href*="mysite.com"]),
a[href^="https://"]:not([href*="mysite.com"]), 
a[href^="//"]:not([href*="mysite.com"]), {
    /* 外部链接的样式, 如果需要,也可以使用 :before 或 :after 伪类! */
}

请注意,可能在某些浏览器上需要 对CSS规则添加浏览器特定前缀.

必须先限定链接的协议的起始字符,然后限定域名。让内部链接不会匹配,而外部链接匹配该正则。

建议收藏或保留下此代码片段到你的library 中,以防你需要它的时候!

用CSS指定外部链接的样式

相关文章:

你感兴趣的文章:

标签云: