您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文
[推荐]CSS定义网页局部链接的技巧           ★★★
CSS定义网页局部链接的技巧
作者:hairan  文章来源:网页教学网  点击数:  更新时间:2008-1-5 21:44:09 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

例如定义了链接主样式如下:

A:link { color:#FFFFFF; text-decoration:none }
A:active { color:#FFFFFF; text-decoration:none }
A:visited { color:#FFFFFF; text-decoration:none }
A:hover { color:#FFFFFF; text-decoration:underline }

局部链接样式一般的写法是这样: webjx.com

.myClass:link { color:#000000 }
.myClass:active { color:#000000 }
.myClass:visited { color:#000000 }
.myClass:hover { color:#000000 }

下面这种则是简略写法,需要用 ID

#myId A { color:#000000 }

如果父 ID 内有多个子 ID:

#myId #myIdB A { color:#000000 }

如果父 ID 内有多个子样式:

 

#myId .myClass A { color:#000000 }

局部样式在继承主/父样式的前提下,附属己样式,写法灵活,可自行揣摩。

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:hairan    责任编辑:hairan  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    没有相关文章
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门