静态网站制作中给a链接标签加class类是常见的，但对于初学者来说，以前从来没有添加过可能会遇到给 a标签加了class类没有效果，问题出在那呢？下面我们举例看代码说明。
<style type="text/css">
a:link {color: #FF0000} /*是超级链接的初始状态*/
a:visited {color: #00FF00} /*是把鼠标放上去时悬停的状况*/
a:hover {color: #FF00FF} /*是鼠标点击时*/
a:active {color: #0000FF} /*是访问过后的情况*/
</style>
<p>
<b><a href="https://www.cdxwcx.com/">网站制作</a></b>
<b><a href="https://www.cdxwcx.com/cloud/" class="click_color">云服务器</a></b>
</p>
注释：在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！
注释：在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！
上面是我们要掌握的a标签链接的四种状态基写法。
问题是我们今天说的是静态网站制作中在网站制作这个页面，我点了云服务器，新窗口中打开了页面，但想云服务器是当前所在页，这个字体要变成我鼠标点击时的#FF00FF已区分表示是当前页。这要怎么给a标签写class类呢？
当然你直接在class="click_color" 替换写成 style="color:#FF00FF" 是可以实现的，这我们讲的写css类class去改变。
没基码容易错误的写法是：
<style type="text/css">
.cuowu_color{color:#000000}
</style>
<a href="https://www.cdxwcx.com/idc/zuyong.html" class="cuowu_color">服务器租用</a>
以上css给链接a标签加cuowu_color类是没有效果的。
正确的写法是：
<style type="text/css">
a.click_color:link,a.click_color:visited,a.click_color:hover{color:#FF00FF}
a.click_color:active{color:#0000FF}
</style>
<a href="https://www.cdxwcx.com/cloud/" target="_blank" class="click_color">云服务器</a>
更新时间：2015-02-10
