问题与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后代的锚元素，而不适用于具有类名mail的锚元素。

将样式定义更改为：

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

    a.mail:visited {         
        color: grey;     
    }     

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

Answer 2

'a'不是.mail的后代。

尝试a.mail