Question

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

.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;
}

Oke所以我的代码的重点是让类redlink作为一个用于a标签的类，这是我第一次尝试这个。基本上代码与基本的.redlink类不同，这里是html：

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

Answer 1

你应该这样写

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;
}

<强> DEMO

此外，您不需要在所有类中编写font-family，它足以为主要的标记类编写一次。

Answer 2

你可以试试这个

.redlink:hover

Answer 3

.在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的答案。

标签链接css无法正常工作？

3 个答案: