a：link，a：visted，a：悬停，a：active不起作用？ [英] a:link, a:visted, a:hover, and a:active not working?

问题描述

我使用过一个：悬停之前;我不知道为什么它现在不工作。这是代码。

 < style> 
 
 body {
 margin：0px; 
背景颜色：＃F0F0EE; 
} 
 
 p {
 font-family：Arial; 
颜色：＃2B2B2B; 
 font-size：13px; 
 
 a：link {
 font-family：Arial; 
颜色：＃557777; 
 text-decoration：none; 
 border：none; 
} 
 
 a：visited {
 font-family：Arial; 
颜色：＃557777; 
 text-decoration：none; 
 border：none; 
} 
 
 a：hover {
 font-family：Arial; 
颜色：＃3F7F77; 
 text-decoration：none; 
 border：none; 
} 
 
 a：active {
 font-family：Arial; 
颜色：＃557777; 
 text-decoration：none; 
 border：none; 
} 
 
< / style> 
  

出于某种原因，链接显示为默认链接。 （它们是紫色的，因为我已经访问过它们，并且它们被加下划线。）

 <$>  c $ c> p {
 font-family：Arial; 
颜色：＃2B2B2B; 
 font-size：13px; 
  

} <---------

  a：link {
  

I've used a:hover before; I don't know why it isn't working now. Here's the code.

<style>

    body {
    margin: 0px;
    background-color: #F0F0EE;
    }

    p {
    font-family: Arial;
    color: #2B2B2B;
    font-size: 13px;

    a:link {
        font-family: Arial;
        color: #557777;
        text-decoration: none;
        border: none;
    }

    a:visited {
        font-family: Arial;
        color: #557777;
        text-decoration: none;
        border: none;
    }

    a:hover {
        font-family: Arial;
        color: #3F7F77;
        text-decoration: none;
        border: none;
    }

    a:active {
        font-family: Arial;
        color: #557777;
        text-decoration: none;
        border: none;
    }

</style>

The links appear like the default links for some reason. (They are purple because I have already visited them and they are underlined.)

解决方案

You need to close your p {} selector with the last }

p {
font-family: Arial;
color: #2B2B2B;
font-size: 13px;

} <---------

a:link {

这篇关于a：link，a：visted，a：悬停，a：active不起作用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！