用CSS指定外部链接的样式
2014-02-10 11:01
169 查看
大部分的信息类网站,比如维基百科,都会对外部链接(<a>标签)指定特定的样式.作为用户,一眼就知道该链接是指向另一个站点的资源是很好的体验。许多网站在服务器端做外部链接检查,添加一个`rel=external` 的属性值,或者对外部链接添加一个 'external' 的 class。有时候这是不可能的或不好用的。在网上闲逛之后,我发现以下
对外部链接很有用的CSS样式代码:
对CSS规则添加浏览器特定前缀.
必须先限定链接的协议的起始字符,然后限定域名。让内部链接不会匹配,而外部链接匹配该正则。
建议收藏或保留下此代码片段到你的library 中,以防你需要它的时候!
对外部链接很有用的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指定外部链接的样式
- 用CSS指定外部链接的样式
- 用CSS指定外部链接的样式代码
- html 链接外部css js文件
- css基础 交集选择器 为指定标记中的指定的class添加样式
- 第三方文本框 在div中显示预览,让指定节点不受外部css影响
- CSS一些样式,间距、链接、滚动条、清除浮动
- [转]外部css文件中的 BACKGROUND-IMAGE: url(../image.gif)指定的背景图像无法显示,谁有好主意?
- CSS中定义链接样式的四个伪类
- 获取css外部样式的方法及兼容代码
- CSS中超链接样式的书写顺序
- jQuery通过CSS()方法给指定的元素同时设置多个样式
- 读书笔记--精通CSS高级Web标准解决方案(五)---链接样式
- css外部链接
- css 链接变颜色 (加边框设置样式)
- css中超级链接样式的设置顺序
- 对链接应用样式--Css学习笔记(四)
- css基础 后代选择器 给标记的后代中 指定的标签/class名称 添加样式 (后代多级的)
- nodejs搭建静态服务器 用Nodejs搭建服务器访问html、css、js等外部链接
- JS和安卓互相调用以及Scheme协议完成外部链接跳转app指定页面