这个链接加了样式之后没起作用，求知哪里出错了。

<style type="text/css">
            a {text-decoration: none;}  <!--链接去下划线-->
            a:link {color: #000000;}    <!--未访问的链接 -->
            a:visited {color: #000000;} <!--已访问的链接 -->
            a:hover {color: blue;}      <!--鼠标移动到链接上-->
            a:active {color: red;}      <!--选定的链接-->
        </style>

<div class="frindlink">
            <div class="link-detail"><a href="https://www.36kr.com/">36Kr·资讯</a></div>
            <div class="link-detail"><a href="https://www.pmcaff.com/">PMCAFF·社区</a></div>
            <div class="link-detail"><a href="http://www.iconfont.cn/">Iconfont·图标</a></div>
            <div class="link-detail"><a href="https://www.qimai.cn/">七麦·数据</a></div>
        </div>