1. 论坛系统升级为Xenforo，欢迎大家测试！
    排除公告

CSS里面的.p9Gray 不起作用是什么原因?

本帖由 mwywfn 于 2005-11-07 发布。版面名称：前端开发

  1. mwywfn

    mwywfn New Member

    注册:
    2005-09-26
    帖子:
    18
    赞:
    0
    CSS里面的.p9Gray 不起作用是什么原因?

    A:link {
    TEXT-DECORATION: none FONT-SIZE: 9pt; color:#333333; FONT-FAMILY: "宋体"
    }
    A:hover {
    TEXT-DECORATION: underline FONT-SIZE: 9pt; COLOR: #ff6600; FONT-FAMILY: "宋体"
    }
    .p9Gray:hover {
    COLOR: #ff0000; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
    }
    .p9Gray {
    FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"
    }
     
    #1 mwywfn, 2005-11-07
  2. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    应该写作：

    代码:
    A:link {
TEXT-DECORATION: none; FONT-SIZE: 9pt; color:#333333; FONT-FAMILY: "宋体"
}
A:hover {
TEXT-DECORATION: underline; FONT-SIZE: 9pt; COLOR: #ff6600; FONT-FAMILY: "宋体"
}
a.p9Gray:hover {
COLOR: #ff0000; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
a.p9Gray {
FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"
}
     
    #2 不学无术, 2005-11-07
  3. mwywfn

    mwywfn New Member

    注册:
    2005-09-26
    帖子:
    18
    赞:
    0
    谢谢,愿与本论坛共发展.
     
    #3 mwywfn, 2005-11-07
  4. mwywfn

    mwywfn New Member

    注册:
    2005-09-26
    帖子:
    18
    赞:
    0
    还是不行呀
     
    #4 mwywfn, 2005-11-07
  5. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    你在使用 .p9Gray 的时候，是否针对链接使用 class 属性？

    HTML:
    <a href="#" class="p9Gray">Link</a>

另外，因为你使用了 a:link ，建议你使用 a.p9Gray:link 。
     
    #5 不学无术, 2005-11-07
  6. mwywfn

    mwywfn New Member

    注册:
    2005-09-26
    帖子:
    18
    赞:
    0
    这个问题真是见鬼了,你说的情况我都已经试过了,还是不起作用.
     
    #6 mwywfn, 2005-11-07
  7. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    可以的话，请贴出完整的页面源代码，以方便确认问题所在。
     
    #7 不学无术, 2005-11-07
  8. mwywfn

    mwywfn New Member

    注册:
    2005-09-26
    帖子:
    18
    赞:
    0
    BODY {
    MARGIN: 0px; BACKGROUND-COLOR:#e5e5e5;
    }
    .p9 {
    FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none;
    }
    .p9:hover {
    COLOR: #ff6600; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
    }
    A.move_map:hover {
    LEFT: 1px; COLOR: #ff0000; POSITION: relative; TOP: 1px; TEXT-DECORATION: underline
    }
    A.move_map:link {
    COLOR: #000000; TEXT-DECORATION: none
    }





    td {font-size:10pt; color:#333333; font-family:"宋体"; line-height:17px;
    }
    A:link {
    TEXT-DECORATION: none FONT-SIZE: 9pt; color:#333333; FONT-FAMILY: "宋体"
    }
    A:hover {
    TEXT-DECORATION: underline FONT-SIZE: 9pt; COLOR: #ff6600; FONT-FAMILY: "宋体"
    }
    a:visited {
    COLOR: #333333; text-decoration:none; font-size:9pt; font-family:"宋体";
    }
    A.cui:hover {
    COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
    }
    A.cui:link {
    FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"
    }
    .cui{
    FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"
    }
    A.p9Gray:hover {
    COLOR: #ff0000; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
    }
    A.p9Gray:link {
    FONT-SIZE: 12px; COLOR: #4d4d4d; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"
    }



    代码里面的下面这个是起作用的
    A.p9Gray:hover {
    COLOR: #ff0000; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
     
    #8 mwywfn, 2005-11-07
  9. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    最好是附带上完整地 HTML 代码。

    仅看 CSS 并不一定能评估问题所在。
     
    #9 不学无术, 2005-11-07
  10. mwywfn

    mwywfn New Member

    注册:
    2005-09-26
    帖子:
    18
    赞:
    0
    这是要用起作用的代码


    <TD >
    <div align="left">
    <a class=p9gray href="index.asp" target="_self" >&nbsp;&nbsp;网站首页</A>
    <a class=p9gray href="flag.asp" target="_self">活动简介</A>　
    <A class=p9Gray href="list.asp" target="_self">签名名单</A>
    　<A class=p9Gray href="note.asp" target="_self">网商签名</A>
    　<A class=p9Gray href="media.asp" target=_self>媒体加入</A>
    　<A class=p9Gray href="agent.asp" target="_self">代理加入</A>
    　<A class=p9Gray href="news.asp" target="_self">最新公告</A>
    　<A class=p9Gray href="ContactUs.asp" >活动标识</A></div>

    </TD>
     
    #10 mwywfn, 2005-11-07
  11. mwywfn

    mwywfn New Member

    注册:
    2005-09-26
    帖子:
    18
    赞:
    0
    上面的代码以<!-- #include file="head.asp" -->形式调入index页面,
    这个调用CSS的代码<LINK href="index_style.css" type=text/css rel=stylesheet>放在index页面中
     
    #11 mwywfn, 2005-11-07
  12. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    三个问题：

    第一个，多个属性之间需要用“;”分割。

    第二个，注意大小写的一致性。

    第三个，应用于链接的伪类的顺序是 :link 、:visited 、:hover 、:active 。循序的颠倒会导致意料之外的结果。
     
    #12 不学无术, 2005-11-07
  13. mwywfn

    mwywfn New Member

    注册:
    2005-09-26
    帖子:
    18
    赞:
    0
    谢谢了!!!我再慢慢地找一下原因,你在云南昆明吧!!那是个好地方, 我初中在那里读过一段书
     
    #13 mwywfn, 2005-11-07
  14. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    不用找了，修正了我提到的三点，你的问题应该就可以解决了。

    HTML:
    A.p9Gray:hover {
COLOR: #ff0000; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
A.p9Gray:link {
FONT-SIZE: 12px; COLOR: #4d4d4d; LINE-HEIGHT: 17px; FONT-FAMILY: "宋体"
}
    这两个的顺序颠倒一下。

    另外：

    代码:
    A:link {
TEXT-DECORATION: none; FONT-SIZE: 9pt; color:#333333; FONT-FAMILY: "宋体"
}
A:hover {
TEXT-DECORATION: underline; FONT-SIZE: 9pt; COLOR: #ff6600; FONT-FAMILY: "宋体"
}
    红色部分是需要补充的。


    FTP 上有较多的 CSS 相关教程，可以学习一下。
     
    #14 不学无术, 2005-11-07
  15. 一半

    一半 New Member

    注册:
    2005-10-11
    帖子:
    449
    赞:
    0
    <A class=p9Gray 就是代表连接属性，当然不会显示 link等属性，只能显示color属性，请把p9Gray移到所在div试试，<div align="left" class=p9Gray >，另外还要注意不学无术提的3点
     
    #15 一半, 2005-11-08
  16. kamsang

    kamsang New Member

    注册:
    2005-10-05
    帖子:
    9,080
    赞:
    58
    解决就好
     
    #16 kamsang, 2005-11-08
(您必须注册并登陆后发新主题。)
Toggle Width
语言
简体中文