使用css自定义链接

customizng link using css

本文关键字：链接 自定义 css 使用      更新时间：2023-09-26

我有一个以下格式的链接:

        a:link
    {
        color: #034af3;
        }
    a:editedLink
{
    color: #FFFFFF;
}

与上面我想有一个链接与以下，我想在我的页面中使用这两个取决于我的要求。我该怎么做呢?

你的问题不清楚。

css中有一些用于链接的伪类

他们

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

伪类可以与CSS类如

组合
a.red:visited {color:#FF0000;}
<a class="red" href="css_syntax.asp">CSS Syntax</a>

如果这不是你想要的，请进一步解释一下

不能设置:whateverYouLike

:link, :visited, :hover, :active是保留的css伪类/选择器。

如果你想要自己的样式，使用css类。如:

<a href="#" class="editedLink">LinkText</a>

+ CSS定义:

.editedLink {color:#FFF;}

a:link, a:visited, a:hover, a:active{
    color: #034af3;
}
a.editedLink{
    color: #FFFFFF;
}
<a href="/link" class="editedLink">Text</a>
<a href="/link">Text</a>
相关文章：