链接样式优先级(特殊性)小结

链接样式因为其特殊性(因为用到了伪类),所以表现比较丰富。而且因为链接的重要性,所以对于链接样式的控制就显的特别重要,但是因为样式优先级(也有叫做特殊性的)不同于其他编程语言,有其独特性

<! doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< meta name ="Keywords" content ="YES!B/S!" />
< meta name ="Description" content ="This page is from http://Justinyoung.cnblogs.com" />
< title > CSS/Javascript demo </ title >
< style type ="text/css" >
/* 优先级从上到下依次增加 */
     a
{
         color
: aqua ;
    
}

     a:link,a:visited,a:hover,a:active
{
         color
: red ;
    
}
    
     .aClass:link,.aClass:visited,.aClass:hover,:active
{
         color
: navy ;
    
}

     a.aClass:link,a.aClass:visited,a.aClass:hover,a.aClass:active
{
         color
: green ;
    
}
    
     #aID:link,#aID:visited,#aID:hover,#aID:active
{
         color
: blue ;
    
}

     a#aID:link,a#aID:visited,a#aID:hover,a#aID:active
{
         color
: coral ;
    
}

/* *下面这个样式和本文主题没有关系* */
     p:first-letter
{
     font-size
: 260% ;
     float
: left ;
     padding
: 0 2px 0 0 ;
     font-family
: "楷体_GB2312" ;
     font-weight
: bold ;
     color
: #e00 ;
    
}
</ style >
</ head >

< body >
< div >< a href ="http://justinyoung.cnblogs.com/" class ="aClass" id ="aID" > i'm a link. </ a ></ div >
< p >
链接样式因为其特殊性(因为用到了伪类),所以表现比较丰富。而且因为链接的重要性,所以对于链接样式的控制就显的特别重要,但是因为样式优先级(也有叫做特殊性的)不同于其他编程语言,有其独特性,所以我感觉有必要将这些总结记录下来以备忘。
< br />
工作中的一些小的总结,没有什么内容,只是自己脑子太笨,好在有个笔头。各位看官看看便是,便不要再嘲笑没有技术含量了。呵呵~
</ p >

</ body >

</ html >

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值