最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS教程 10、CSS的Pseudo Classes 伪类
时间:2022-07-02 12:41:49 编辑:袖梨 来源:一聚教程网
请你注意一些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上实现。
相关文章
- 王者荣耀世界手机端何时上线-官方时间 09-11
- tplink路由器扩大器如何设置(tplink路由器扩大器设置方法) 09-11
- 巅峰极速新手怎么做-触发条件 09-11
- 皇者兑换码有哪些-这些礼包码别漏领 09-11
- 巅峰极速零件 零件获取方式一览怎么获取-获取方式和条件 09-11
- tplink路由器灯怎么亮正常(tplink路由器灯正常亮是什么样) 09-11