最近产品部门那边提了个需求,要求让手机访问过的链接,访问过后颜色都不发生变化。以前做Web开发的时候,a{color:#f00;}一句就能控制,但是同样的方法放到了Wap上,遭到了QQ等浏览器的唾弃,于是我打开了QQ触屏版首页分析它们Css样式的写法,分析后发现它们触屏版首页并没有写的有a:visisted,万般无奈只有拿出了杀手锏:排除法。把企鹅首页html,css等down下来,一点点删除css,最后发现了企鹅自己的处理方式。企鹅虽然也写的有全局的
a
{
但是页面中有a的地方都会有自己的a样式,比如导航中:
.main-nav-list a, .more-list li a
{
}
最后我只保留了全局的a,发现跟我的页面一样,仍然有a标签访问过后的系统颜色,但是删除了全局a,保留了
.main-nav-list a, .more-list li a
{
}
后,发现
.main-nav-list下、.more-list下的a标签访问过后,颜色都未发生变化。
个人感觉这个是企鹅浏览器
自己的BUG,无奈企鹅太牛,咱们这些猿类只能臣服企鹅,以后大家再写a样式的时候,
如果想让访问过后颜色不发生变化的话,一定要记得,全局的a样式针控制不了访问过后a链接的颜色,一定要设置自己的a样式