我正在使用Chrome和Firefox的用户脚本,我正在检查用户访问过的链接.我有
a{
color: blue;
}
a:visited{
color: red !important;
}
Run Code Online (Sandbox Code Playgroud)
在页面加载后立即导入我的CSS.我访问过的页面上的a-links为红色,而不是默认的蓝色.然后我用:
alert(window.getComputedStyle(document.getElementById("myLink"), null).getPropertyValue("color"))
Run Code Online (Sandbox Code Playgroud)
在每个链接上,它们都为Firefox中的访问链接返回红色,但在Chrome中它们都返回蓝色.
我想知道如何使用javascript与Chrome实现查找访问过的链接.Jquery代码或普通的javascript代码很好.提前致谢.
当用户将鼠标悬停在链接上时,我正在显示图像元素 - 这是有效的.
我现在想让用户在返回网站时始终可以看到该图片...由于对被访问选择器的限制,我的下面尝试(我认为)被挫败了.
有没有办法解决这些限制,使这种方法有效?我可以使用另一个选择器来达到同样的效果吗?
a {
text-decoration: underline;
color: black;
}
#image {
position: absolute;
visibility: hidden;
top: 30%;
left: 60%;
}
a:visited {
color: red;
}
a:visited + #image {
visibility: visible;
}
a:hover{
color: white;
transition: color .3s ease;
}
a:hover + #image{
visibility: visible;
}Run Code Online (Sandbox Code Playgroud)
我有一个元素列表,我想在单击列表元素时更改元素的样式(并且该特定样式保持不变直到用户按下另一个列表项).
我尝试使用'主动'风格,但没有成功.
我的代码:
#product_types
{
background-color: #B0B0B0;
position: relative; /*overflow: hidden;*/
}
#product_types a:active
{
background-color:yellow;
}
Run Code Online (Sandbox Code Playgroud)
但元素是'黄色'只有一毫秒,而我实际点击它...
如何使用jquery检查访问过的链接而不使用任何插件请帮助解决这个问题
只是试图改变一些 FA 图标 a:visited 颜色从默认的蓝色。出于某种原因给了我一个地狱般的时间。我想要的只是在访问后将链接颜色从蓝色更改为蓝色。下面是以下代码:
HTML:
<div class="pull-right" id="socialMediaIcons">
<a target="_blank" href="https://www.facebook.com/"><i class="fa fa-facebook-official fa-3x"></i></a>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
#socialMediaIcons .fa a:link, #socialMediaIcons .fa a:visited {
color: #ccc;
}
#socialMediaIcons .fa:hover, #socialMediaIcons .fa:focus {
color: #ccc;
border: none;
}
#socialMediaIcons .fa {
padding-left: 10px;
position: relative;
bottom: 25px;
}
Run Code Online (Sandbox Code Playgroud)
除了#socialMediaIcons .fa a:link, #socialMediaIcons .fa a:visited部分,一切似乎都有影响。只想更改访问链接的颜色。
我发现此代码用于Dijkstra algorithm在加权图中找到两个节点之间的最短路径。我看到的是代码没有跟踪访问过的节点。但是它适用于我尝试过的所有输入。我添加了一行代码来跟踪访问过的节点。它仍然可以正常工作。我已经在这段代码中注释掉了。那么是否需要访问节点?有没有影响O
import java.util.PriorityQueue;
import java.util.List;
import java.util.ArrayList;
import java.util.Collections;
class Vertex implements Comparable<Vertex>
{
public final String name;
public Edge[] adjacencies;
public double minDistance = Double.POSITIVE_INFINITY;
public Vertex previous;
public Vertex(String argName) { name = argName; }
public String toString() { return name; }
public int compareTo(Vertex other)
{
return Double.compare(minDistance, other.minDistance);
}
}
class Edge
{
public final Vertex target;
public final double weight;
public Edge(Vertex argTarget, double argWeight)
{ target = argTarget; …Run Code Online (Sandbox Code Playgroud) 我对访问的伪类和 CSS 中的 text-shadow 属性有一点问题。
这是我的代码:
li.episode a{
display: block;
float: left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 1px;
padding: 5px;
font-size: 14px;
background-color: #eeeaea;
text-shadow: 0 1px 0 white;
}
li.episode a:visited {
background-color: #23EE44;
text-shadow: none;
color: white;
}
li.episode a:hover {
background-color: #23EE44;
text-shadow: 0 1px 0 #10C72E;
color: white;
}
Run Code Online (Sandbox Code Playgroud)
事实上,我想要的是访问链接与悬停时一样。
:Hover 在 Chrome/Safari 上运行良好,但访问的链接保留了第一个 text-shadow 属性:
text-shadow: 0 1px 0 white;
Run Code Online (Sandbox Code Playgroud)
而不是下面给出的(我试图在我的代码中使用“none”,但似乎不起作用..)
谢谢大家帮助 !
visited ×7
css ×4
html ×2
hyperlink ×2
jquery ×2
dijkstra ×1
firefox ×1
font-awesome ×1
graph ×1
hover ×1
href ×1
inheritance ×1
java ×1
javascript ×1
onclick ×1