一个标签链接css不工作？

Question

我在下面编写了这段css代码，以便为链接创建一个类，并且不将css应用于每个a标记，而只是应用于具有该类的标记，但它不起作用。

.redlink
{
color: red;
font-family: 'Finger Paint', cursive;  
}

.redlink.a.link
{
text-decoration: none;
color: red;
font-family: 'Finger Paint', cursive;
}

.redlink.a.hover
{
text-decoration: none;
color: orange;
font-family: 'Finger Paint', cursive;
}

.redlink.a.visited 
{
text-decoration: none;
color: red;
font-family: 'Finger Paint', cursive;
}

.redlink.a.active
{
text-decoration: none;
color: red;
font-family: 'Finger Paint', cursive;
}

.redlink.a.
{
text-decoration: none;
color: red;
font-family: 'Finger Paint', cursive;
}

所以我的代码的重点是让redlink类作为一个类，用于a标记，这是我第一次尝试这样做。基本上，除了基本的.redlink类之外，代码不能正常工作，下面是html：

<a href="#" class="redlink">I should light up orange!</a>

Answer 1

.在css中用于您自己的类，就像您在这里所做的那样：

.redlink
{
color: red;
font-family: 'Finger Paint', cursive;  
}

但是当您开始添加.behind时，这部分是错误的。

如果你想要的不仅仅是这个链接，而是站点某些部分的一个链接，你可以这样做：

.redlink a:link, .redlink a:visited, .redlink a:active
{
    text-decoration: none;
    color: red;
    font-family: 'Finger Paint', cursive;
}

.redlink a:hover 
{ 
    text-decoration: none; 
    color: orange; 
    font-family: 'Finger Paint', cursive; 
}

如果你有html：

<div class="redlink">
every <a href="">link</a> in this area will be red
</div>

如果你只想要一个特定的链接，使用Somwya的答案。

Answer 2

你应该这样写

a.redlink
{
color: red;
font-family: 'Finger Paint', cursive;  
}
a.redlink:hover
{
text-decoration: none;
color: orange;
}
a.redlink:active
{
text-decoration: none;
color: red;
}

你也不需要在所有的类中编写font--family，只需为main编写一次tag类即可。

Answer 3

你可以试试这个

.redlink:hover