打印本文 关闭窗口 | |
详解CSS特殊选择符伪类的应用技巧 | |
作者:陈鹏 文章来源:eNet 点击数 更新时间:2009/9/12 8:44:55 文章录入:陈鹏 责任编辑:陈鹏 | |
|
|
伪类可以看做是一种特殊的类选择符,是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。 1. 语法 伪类的语法是在原有的语法里加上一个伪类(pseudo-class): 类选择符及其他选择符也同样可以和伪类混用: 2. 锚的伪类 我们最常用的是4种a(锚)元素的伪类,它表示动态链接在4种不同的状态:link、visited、active、hover(未访问的链接、已访问的链接、激活链接和鼠标停留在链接上)。我们把它们分别定义不同的效果: a:link {color: #FF0000; text-decoration: none} /* 未访问的链接 */ 3. 伪类和类选择符 将伪类和类组合起来用,就可以在同一个页面中做几组不同的链接效果了,例如,我们定义一组链接为红色,访问后为蓝色;另一组为绿色,访问后为黄色: a.red:link {color: #FF0000} 这是第一组链接 4. 其他伪类 此外CSS2还定义了首字和首行(first-letter和first-line)的伪类,可以对元素的首字或首行设定不同的样式。
我们再定义一个首行样式的例子:
(上例中段落的第一行为红色,第二、三行为默认颜色) 注意:首字和首行的伪类需要IE5.5以上的版本支持。 |
|
打印本文 关闭窗口 |