手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS基础教程:CSS的Pseudo Classes 伪类
CSS基础教程:CSS的Pseudo Classes 伪类
摘要:请你注意一些CSS伪类属性不被所有浏览器支持,但有四个伪类可以安全使用在链接上伪类像是指定选择器状态或关联选择器的门闩。它们的形式如:sel...

请你注意一些CSS伪类属性不被所有浏览器支持,但有四个伪类可以安全使用在链接上

伪类像是指定选择器状态或关联选择器的门闩。它们的形式如:selector:pseudoclass{property:},在选择器和伪属性之间使用冒号。

link没有点击过的链接

visited以点击过的链接

active获得焦点时的链接(比如在点击时)

hover鼠标在链接上面



a.snowman:link{

color:

}

a.snowman:visited{

color:purple;

}

a.snowman:active{

color:

}

a.snowman:hover{

text-decoration:

color:

background-color:yellow;

}

尽管CSS里可以省略它们,但维护不同颜色的链接对于新手是个很好的练习。由于伪类(相比hover)不是经常使用,作为公用属性是非常不幸的特性。由于这样,它不像以前那么重要,但如果为最优用户响应考虑,应该使用它。

传统默认,文本链接是蓝色,访问后是紫色,理论上可以使用很多不同颜色效果,但,再次,逐渐广泛使用CSS,使得链接变得不再普通,平均用户也不再认为链接必须是蓝色或紫色。

除了链接其他元素也可以使用hover伪类。不幸的是,ie7以下的浏览器不支持,这样有许多漂亮的效果不能在IE上实现。

【CSS基础教程:CSS的Pseudo Classes 伪类】相关文章:

CSS基础教程:Class以及ID选择器

CSS完美代码的五个要点

CSS基础教程:CSS中的定位(position)

CSS应用基础教程(3) 应用补充

CSS基础教程:CSS的color颜色

CSS应用基础教程(6) 区块性质

CSS教程:CSS的Background Images背景图片

CSS初级教程-CSS结合JS的运用

CSS应用基础教程(2) 应用方式

css基础教程之CSS基础语法

精品推荐
分类导航