CSS基础教程:CSS的Pseudo Classes 伪类

隆和门窗

隆和门窗

2016-02-19 13:40

图老师小编精心整理的CSS基础教程:CSS的Pseudo Classes 伪类希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~
请你注意一些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上实现。
展开更多 50%)
分享

猜你喜欢

CSS基础教程:CSS的Pseudo Classes 伪类

Web开发
CSS基础教程:CSS的Pseudo Classes 伪类

CSS基础教程:CSS的伪元素Pseudo Elements

Web开发
CSS基础教程:CSS的伪元素Pseudo Elements

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS基础教程:CSS的应用

Web开发
CSS基础教程:CSS的应用

CSS基础教程:CSS的color颜色

Web开发
CSS基础教程:CSS的color颜色

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

css伪类伪元素

Web开发
css伪类伪元素

CSS基础教程:CSS的Text 文本

Web开发
CSS基础教程:CSS的Text 文本

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Javascript实例教程(7) 利用Javascript基于浏览器类型的重定向

Javascript实例教程(7) 利用Javascript基于浏览器类型的重定向

开发J2EE应用的要领

开发J2EE应用的要领
下拉加载更多内容 ↓