CSS伪类的概念及作用

开发 前端
这里向大家描述一下CSS伪类的概念和作用,CSS伪类(Pseudoclasses)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。

你对CSS伪类的概念和作用是否熟悉,这里和大家分享一下,CSS伪类(Pseudoclasses)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudoclass{property:value;},简单地用一个半角英文冒号(:)来隔开选择符和伪类。

CSS伪类的概念及作用

CSS伪类(Pseudoclasses)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudoclass{property:value;},简单地用一个半角英文冒号(:)来隔开选择符和伪类。

  CSS很多的建议并没有得到浏览器的支持,但有四个可以安全使用的用在连接上的CSS伪类。

◆link用在为访问的连接上。

◆visited用在已经访问过的连接上。

◆hover用于鼠标光标置于其上的连接。

◆active用于获得焦点(比如,被点击)的连接上。
  
例如:

ExampleSourceCode

  1. a:link{  
  2. color:red  
  3. }  
  4. a:visited{  
  5. color:green  
  6. }  
  7. a:hover{  
  8. color:blue  
  9. }  
  10. a:active{  
  11. color:orange  
  12. }  
  13.  

注意

  尽管CSS给予你绕开的控制权,用不同的颜色表示已经访问过的连接是一个很好的习惯,因为很多用户还是这样预期的。CSS伪类(除了hover)不常用,恐怕也没有过去常用。因此,它没有过去那样有用了。但如果你能收集用户的意见,你会发现应该使用它。

  传统上,连接文本是蓝色的,已访问的连接是紫色的。也许,这是最有效、最有用的颜色。然而,伴随着CSS的广泛发展,这种颜色不会是平常的了,用户也不再假设连接必须是蓝色或紫色的。

  你应该也可以在除了连接的其他元素上使用hover伪类。不幸的是,InternetExplore并不支持。这真是一个极大的烦恼。
 

【编辑推荐】

  1. IE中中CSS伪类:hover的使用及其BUG
  2. 如何使用CSS框架这把双刃剑?
  3. CSS中font-size属性值四大种类
  4. 解析四大CSS属性值选择器用法
  5. 专家推荐 DIV CSS表单布局的五个小技巧

  
 

 

责任编辑:佚名 来源: 52css.com
相关推荐

2010-08-30 14:27:06

CSS样式表

2009-09-09 16:46:59

C# XmlSeria

2010-08-23 16:23:53

CSS+DIV

2010-07-09 15:13:42

UML对象图

2009-09-01 16:10:28

C#单元测试

2020-08-18 08:08:59

CSS伪元素伪类

2010-08-27 13:46:58

DIV+CSS

2021-04-20 09:44:42

CSS函数选择器

2010-09-06 11:26:18

CSS伪类

2010-09-07 10:57:34

CSS伪类

2009-02-18 10:21:00

IP电话语音通信

2022-10-19 12:00:32

CSS 伪类伪元素

2021-04-14 20:36:57

CSS伪类函数

2023-11-30 08:19:52

伪类CSS

2010-10-08 14:54:22

JavaScript特

2014-09-18 16:46:51

大数据应用

2010-07-09 15:53:36

UML类图

2022-06-24 08:01:07

CSScontent元素

2010-09-03 09:55:10

CSS伪类hover

2021-04-24 10:59:30

CSS伪类占位符
点赞
收藏

51CTO技术栈公众号