广告是为了发展
当前位置:首页 >> CSS2.0教程 >> 正文
点击这里搜索更多。 Google

CSS教程 10、CSS的Pseudo Classes 伪类 [翻译Htmldog]

来源: 时间:07-11-12 点击数:

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

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

link 没有点击过的链接 
visited以点击过的链接 
active获得焦点时的链接(比如在点击时) 
hover 鼠标在链接上面

a.snowman:link {
    color: blue;
}
a.snowman:visited {
    color: purple;
}
a.snowman:active {
    color: red;
}
a.snowman:hover {
    text-decoration: none;
    color: blue;
    background-color: yellow;
}


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

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

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


-----------------------------------------------------------------------------------------------------------
www.w3c2.com _(X)Html_CSS_致力于web2.0标注的推广与应用。
 
 
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。
对本文有任何异议,请联络:cipin@163.com 转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。

推荐教程 

广告2
关于我们 - 版权申明 - 帮助(?) - 广告服务 - 联系我们 - 友情链接 - 用户注册 - 人才招聘
(X)Html+CSS 网站版权所有 由 www.Simplor.cn
地址:南京市珠江路675号讯领科技 电话:025-84664170-8006
客服QQ:79932254 MSN:Simple_zss@Hotmail.com
苏IP备:06012445