注册 登录
编程论坛 WEB前端(UI)

为何我自己设置的类不能够正确的显示。

VB丶小宇 发布于 2015-07-16 23:38, 1396 次点击
先上代码:
程序代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/htm14/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <title>测试官方网站</title>
  <style type="text/css">
    <!--
      .url a:link
{color:blue; font-size:12px; text-decoration:none;}     /*定义未访问过的链接样式*/
      .url a:hover
{color:red; font-size:12px; text-decoration:none;}     /*定义鼠标经过的链接*/
      .url a:active
{color:purple; font-size:12px; text-decoration:underline;}     /*定义激活的链接*/
      .url a:visited
{color:blue; font-size:12px; text-decoration:none;}     /*定义访问过的链接*/
    -->
  
</style>
</head>
<body>
  <table cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td class="url">
        <a href="http://www.baidu.com" target="_blank">百度搜索引擎</a>
      </td>
    </tr>
    <tr>
      <td class="url">
        <a href="http://www.haoso.com" target="_blank">好搜搜索引擎</a>
      </td>
    </tr>
  </table>
</body>
</html>

只有本站会员才能查看附件,请 登录

鼠标经过,和激活事件均没有起作用?
求解答。@电三轮
5 回复
#2
VB丶小宇2015-07-17 13:04
为什么这个板块这么不活跃呢。。
#3
VB丶小宇2015-07-21 21:52
经过测试,
IE8和360极速浏览器的兼容模式可以正常显示,类代码生效。
IE11和火狐浏览器,类代码不生效
推断:
各个浏览器的CSS规则不同,不知是否正确。

#4
jinjoxie2015-07-31 15:46
代码应该没问题吧,你的图显示也正常,如果CSS不生效,那超链接应该会有下划线的,你运行起来好像不生效,是因为你的浏览器都视这两个超链接是“访问过的链接”。
你这个CSS对访问过的链接就等于无效的,因为样式.url a:visited{color:blue; font-size:12px; text-decoration:none;}     /*定义访问过的链接*/ 放在了最后,定义a的4个样式要注意先后的效果
#5
九星噩夜2015-08-10 17:41
超链接访问过后就不再具有hover和active了,应该改变css属性排列顺序,依次是link visited hover active。
1