CSS:样式外部链接

前端之家收集整理的这篇文章主要介绍了CSS:样式外部链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想风格的所有外部链接在我的网站(wordpress)。我试着:
.post p a[href^="http://"]:after

wordpress把整个网址链接…所以,我怎么样式所有的链接,不是从http://www.mywebsite.com开始?

谢谢。

解决方法

使用一些特殊的CSS语法,你可以轻松地做到这一点。这里有一种方法适用于HTTP和HTTPS协议:
a[href^="http://"]:not([href*="example.com"]):after,a[href^="https://"]:not([href*="example.com"]):after{
    content: " (EXTERNAL)" 
}

您可以通过单击here查看示例。

猜你在找的CSS相关文章