用CSS特定外界连接的款式编码

日期:2021-03-08 类型:科技新闻 

关键词:抠图换背景,免费的抠图软件,美图抠图,手机抠图软件哪个好,p图软件哪个好用

绝大多数的信息内容类网站,例如维基百科,都会对外界连接(<a>标识)特定特殊的款式.做为客户,1眼就了解该连接是指向另外一个站点的資源是很好的体验。很多网站在服务器端做外界连接查验,加上1个`rel=external` 的特性值,或对外界连接加上1个 'external' 的 class。有时这是不能能的或不太好用的。在网络上游逛以后,我发现下列对外界连接很有效的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 中,防止你必须它的情况下!