a white:hover与 redlink A:hover

 
<script language="javascript" src="nrgg.js" type="text/javascript"></script> <script language="javascript" src="cookies.js" type="text/javascript"></script>
a white:hover与 redlink A:hover

在定义的CSS里会看到这两种方式
redlink A:active {
        TEXT DECORATION: none
}
redlink A:hover {
        TEXT DECORATION: none

a white:link {
        color: FFFFFF;
}
a white:hover {
        color: 00CCFF;
}
这两种有什么不一样吗? redlink A:hover从新浪上下的,,但是放到自己文件里没用
redlink A:active   定义RELINK的ID下的伪类   你的HTML里应该有 iclass="redlink" 才有用的啊
比如 <div class="redlink"><a href=" " target="_blank">heihei</a></div>

a white:hover 应该可以用 <div class="white"><a href=" " target="_blank">heihei</a></div> 调用
我想知道为什么,,西西
redlink A:hover是iclass=“redlink ”
如果是 redlink:active 就不用冒号,iclass=redlink 但是想不通。。。。为什么呢
a white:hover里面的a 是什么意思,,点和冒号有什么意思,,,我想知道呀!
redlink A:active {
    TEXT DECORATION: none
}
redlink A:hover {
    TEXT DECORATION: none
是不规范的伪类;
a white:link {
    color: FFFFFF;
}
a white:hover {
    color: 00CCFF;
}
是规范的伪类。参考
html
<style type="text/css">
<!
A style1:link    {
    text decoration: none;
    color: 666666;
    font weight: normal;
}
A style1:visited {
    text decoration: none;
    color: 666666;
    font weight: normal;
}
A style1:active {
    text decoration: none;
    color: 333333;
    font weight: normal;
}
A style1:hover {
    text decoration: underline overline;
    color: 333333;
    font weight: normal;
}

A style2:link    {
    text decoration: none;
    color: 000099;
    font weight: normal;
}
A style2:visited {
    text decoration: none;
    color: 000099;
    font weight: normal;
}
A style2:active {
    text decoration: none;
    color: red;
    font weight: normal;
}
A style2:hover {
    text decoration: none;
    color: red;
    font weight: normal;
    font size: 120%;
}
>
</style>
<p><a href="http://www lemongtree net" class="style1">www lemongtree net</a></p>
<p><a href="http://www lemongtree net" class="style2">www lemongtree net</a></p>

/html





CSS教程 第2期

三     伪类——动态链接

伪类可以看做是一种特殊的类选择符,是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。

1     语法

伪类的语法是在原有的语法里加上一个伪类(pseudo class)
selector:pseudo class {property: value}
(选择符:伪类 {属性: 值})
伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态下(伪类)的样式。

类选择符及其他选择符也同样可以和伪类混用
selector class:pseudo class {property: value}
(选择符 类:伪类 {属性: 值})

2     锚的伪类

我们最常用的是4种a(锚)元素的伪类,它表示动态链接在4种不同的状态 link visited active hover(未访问的链接 已访问的链接 激活链接和鼠标停留在链接上)。我们把它们分别定义不同的效果
a:link {color: FF0000; text decoration: none} /* 未访问的链接 */
a:visited {color: 00FF00; text decoration: none} /* 已访问的链接 */
a:hover {color: FF00FF; text decoration: underline} /* 鼠标在链接上 */
a:active {color: 0000FF; text decoration: underline} /* 激活链接 */
(上面这个例子中,这个链接未访问时的颜色是红色并无下划线,访问后是绿色并无下划线,激活链接时为蓝色并有下划线,鼠标在链接上时为紫色并有下划线)
注意 有时这个链接访问前鼠标指向链接时有效果,而链接访问后鼠标再次指向链接时却无效果了。这是因为你把a:hover放在了a:visited的前面,这样的话由于后面的优先级高,当访问链接后就忽略了a:hover的效果。所以根据叠层顺序,我们在定义这些链接样式时,一定要按照a:link, a:visited, a:hover, a:actived的顺序书写。

3     伪类和类选择符

将伪类和类组合起来用,就可以在同一个页面中做几组不同的链接效果了,例如,我们定义一组链接为红色,访问后为蓝色;另一组为绿色,访问后为黄色
a red:link {color: FF0000}
a red:visited {color: 0000FF}
a blue:link {color: 00FF00}
a blue:visited {color: FF00FF}
现在应用在不同的链接上
这是第一组链接
这是第二组链接

4     其他伪类

此外CSS2还定义了首字和首行(first letter和first line)的伪类,可以对元素的首字或首行设定不同的样式。
下面看这个例子,我们在段落标记里定义文本首字尺寸为默认大小的3倍

……


这是一个段落,这个段落的首字被放大了。




我们再定义一个首行样式的例子

……




这是段落的第一行
这是段落的第二行
这是段落的第三行





(上例中段落的第一行为红色,第二 三行为默认颜色)

注意 首字和首行的伪类需要IE5 5以上的版本支持。
非常感谢!!!!
a:link
好象不用定义对该页面里的所以有链接的字都有效嘛,,
a red:link
是需要写class="red"  那两个css有没有先后次序,,?
就说有没有优先级的问题,还有我如果在该页面里再链接一个外部CSS,哪个的优先级高?
marvellous

可以跟你学习学习吗?

怎么联系你?
鸡蛋花在上个帖子中说
非常感谢!!!!
a:link
好象不用定义对该页面里的所以有链接的字都有效嘛,,
a red:link
是需要写class="red"  那两个css有没有先后次序,,?
只對有設置 href 值的 連接 有效。
注意定义的顺序

a:link
a:visited
a:hover
a:active

顺序不对有时候显示的也有问题
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值