html - CSS 问题

Question

这段代码有什么问题？ CSS 不工作

<style type="text/css">
    .mail a:link {
        color: grey;
    }

   .mail a:visited {
        color: grey;
    }

   .mail a:hover {
        color: white;
    }
</style>

<a class="mail" href="mailto:astark1@unl.edu">E-mail: suporte@web.pt</a>

Answer 1

您的 css 样式适用于作为 .mail 后代的 anchor 元素，而不适用于类名为 mail 的 anchor 元素。

将样式定义更改为如下:

<style type="text/css">     
    a.mail:link {         
        color: grey;     
    }     

    a.mail:visited {         
        color: grey;     
    }     

    a.mail:hover {         
        color: white;     
    }   
</style>