标签: visited

我需要设置一个:以访问CSS 任何颜色正常的一个设置为.

我希望能够告诉浏览器的是,对于访问过的链接,使用与未访问链接相同的颜色,无论颜色是什么.

我需要这样做而不指定特定的颜色.

就像,如果一些奇怪的浏览器出现使用"绿色"作为正常未访问链接的颜色,这个CSS应该指示浏览器对访问过的链接使用相同的绿色.究竟什么颜色的浏览器应该对我的代码透明.因此短语"无论颜色".

PS我知道如何设置:访问和特定颜色.这不是我要问的.

PPS如果必须,我愿意使用JavaScript.但我真的很想让浏览器做到这一点.

为什么我想做你问的那样的事情？

IE8用于链接的蓝色很酷.它不是#0000FF.这是一个很好的蓝色阴影.所以我想为访问和未访问的链接设置它.但我不应该截取屏幕截图或使用一些附加组件来每次选择确切的十六进制值.如果IE稍后将颜色更改为其他一些令人敬畏的阴影,则此代码应该正常工作.我不想再找到十六进制并在我的代码中更改它.

这只是一个原因.不要给我那个蓝色的十六进制.发现这很容易,但这不是答案!

我在这个回答中读到了"网站如何在清除浏览器cookie之后跟踪用户",可以通过网站favicon跟踪用户:

Favicons是第三种可能性 - 大多数浏览器在页面加载之前请求,因此如果满足该请求,则客户端显然是重复访问者.

如果这实际上是可能的,那么它可以是检查用户之前是否访问过该网站的好方法,不需要为该porpouse使用cookie.

我不确定这是否可以用PHP或Javascript(jQuery)完成.怎么能实现这一目标？

编辑:

我解释的是,如果用户需要Favicon,他就会打电话.如果他没有打那个电话,那就意味着他已经有了这个电子邮件,所以他去了.因此,无需在用户计算机中存储任何文件(例如cookie)或将其IP保留在服务器中.它是否正确？

我使用谷歌浏览器浏览器,我发现未访问和访问过的链接颜色彼此太近了.它们很难区分,至少对我而言.

我尝试了在Chrome的用户数据文件夹中修改Custom.css配置文件的旧方法,但没有发生任何变化.

我愿意接受包含javascript代码或css设置的解决方案,我可以在开发人员的窗口(F12)中运行/修改,即使它们不是永久设置.

(在我开始之前我应该​​说是的,我已经完成了所有的愚蠢检查,是的,链接在我的历史中并且已被访问过等)

我使用的是Chrome版本6.0.472.63,但重要的是它适用于所有浏览器.

它适用于Firefox,IE和Opera.

基本上我所要做的就是在链接被访问后更改链接的背景图像.

我做了很多试验和错误测试,所以请耐心等待多个例子.

这就是我原来的样子

.forum_box .title a {
 background-image:url(../images/f_unread.png);
 background-position:10px center;
 background-repeat:no-repeat;
 background-color:transparent;
 color:#2D4054;
 font-size:14px;
 padding:10px 12px 10px 44px;
 text-decoration:none;
 display:block;
 font-weight:bold;
}
.forum_box .title a:visited {
 background-image:url(../images/f_read.png);
}

适用于Chrome以外的所有浏览器.接下来我试着把它变成一种颜色而不是图像.

.forum_box .title a:visited {
 background-color:red;
}

同样,我将链接更改为#fff而不是透明,访问链接更改为红色,所以显然bg颜色只有在为父级设置bg颜色时才有效.

.forum_box .title a {
 background-image:url(../images/f_unread.png);
 background-position:10px center;
 background-repeat:no-repeat;
 background-color:#fff;
 color:#2D4054;
 font-size:14px;
 padding:10px 12px 10px 44px;
 text-decoration:none;
 display:block;
 font-weight:bold;
}
.forum_box .title a:visited {
 background-color:red;
}

但它仍然无法解决我的图像问题.因此,在最后的一次尝试中,我尝试了这一点,希望Chrome出于某种原因只有当两者中存在相同属性时才能工作.

.forum_box .title a {
 background:#fff url(../images/f_unread.png) no-repeat 10px center;
 color:#2D4054;
 font-size:14px;
 padding:10px 12px 10px 44px; …

该W3.org CSS规范规定如下(重点煤矿):

• :link伪类适用于尚未访问过的链接.
• :一旦用户访问了链接,就会应用:visited伪类.

这两个州是相互排斥的.

这意味着应用于:link选择器的任何样式应仅应用于未访问的链接.然而,唯一的属性似乎是这样color.将字体大小,背景等应用于:link选择器会定位所有链接.

页面下方还有一条说明:

注意.样式表作者可能滥用:link和:visited伪类来确定用户未经用户同意访问过哪些网站.

因此,UA可以将所有链接视为未访问的链接,或者实现其他措施以保持用户的隐私,同时以不同方式呈现访问和未访问的链接.

但是,据我所知,这仅适用于Javascript返回的样式,而不适用于样式本身的显示.

这是一个JS小提琴,显示了这个问题.这些浏览器是否偏离规范,或者是否存在我遗漏的内容？

我正在尝试在链接上设置颜色动画.在Chrome中访问过链接后,将不再应用颜色动画.其他动画样式(我测试过背景颜色,字体粗细和字体大小)也不是其他浏览器(Firefox,Safari,IE11)的情况.

这是一个演示:

http://codepen.io/benjarwar/pen/rVJbeR
http://s.codepen.io/benjarwar/debug/rVJbeR

HTML:

<a href='#' target='_blank' class='color'>Color Animation</a>

CSS:

a.color,
a.color:visited {
  -moz-animation: color-animation 1s ease-in-out infinite;
  -webkit-animation: color-animation 1s ease-in-out infinite;
  animation: color-animation 1s ease-in-out infinite;
}

@-moz-keyframes color-animation {
  0% { color: #f00; }
  50% { color: #fc0; }
  100% { color: #f00; }
}

@-webkit-keyframes color-animation {
  0% { color: #f00; }
  50% { color: #fc0; }
  100% { color: #f00; }
}

@keyframes color-animation {
  0% { color: #f00; }
  50% { color: #fc0; …

我有一个页面连接形式<url>？<parameters>和一些形式<url>？<parameters>#<anchor>.后者有几种不同,但可以很容易理解的一个例子就像这样(约):

<a href="http://www.mu_site.com/forum.php?forum=1&thread=1#p5">My forum #1: Tread 1, go to post 5</a>

现在我将这些样式附加到页面上

    .pageContent {
        FONT-SIZE: 8pt;
        COLOR: #666666;
        FONT-FAMILY: Tahoma, sans-serif;
        text-align: left;
    }
    .pageContent A {
        FONT-SIZE: 8pt; COLOR: #8d8d8d; FONT-FAMILY: Tahoma, sans-serif;
    }
    .pageContent A:hover {
        COLOR: #000000;
    }
    .pageContent A:visited {
        COLOR: #660000;
    }
    

令我困惑的是,我后一种形式的链接没有被标记为访问过.我已经尝试了不同的DOCTYPE设置,但我无法让它工作.我已经多次上网(我已经有一年多了这个问题),但要么我不知道要搜索什么,要么只发生在我身上.

我创建了一个链接,当我尝试设置样式时;

a:visited {
    text-decoration: underline;
    color: #FF0000;
}

它似乎没有用.它在IE中运行良好.我也遵循了命令; 链接,访问,悬停,活动.
这是一个已知问题,还是我犯了什么错误？

在访问这些链接后,为了删除这些链接的下划线,我需要编写什么CSS代码？

<ul id = "header">
    <li><a href="sigur ros.html"> Home </a> </li>
    <li>Images</li>
    <li>Videos</li>
</ul>

我试过这个:

a:visited { text-decoration: none; }

但它不起作用.

这是一个显示问题的小提琴:http://jsfiddle.net/litari/X2Yjk/1/

我在测试我们的webapp的可访问性时遇到了问题,尽管看起来非常简单,但我还是无法在Google上找到明确的答案.

问题是屏幕阅读器(特别是iOS和OSX Safari中的Voice Over)甚至在用户点击任何内部链接之前,就会将应用程序中的每个内部链接读作"访问过的链接".链接都有相同的基础(类似http://domain.com/path/index.html#what-the-link-does),所以我的第一直觉是,因为这些链接都指向同一个不同的哈希文件链接是访问过的视图,因为该文件已被访问过.

但是,这不是理想的行为.我们希望将所有链接简称为"链接".所以这是我的问题:

1. 是什么决定了链接是否被视为访问过？只是访问域名会导致它吗？访问特定文件会导致它吗？或者同一文件的不同哈希值是否应具有不同的访问状态？

2. 有没有办法控制此行为并防止链接被读取为访问？一些Aria参数可能吗？