伪类选择器

特点:

在任何选择器后,添加 伪类选择器可以设置鼠标悬停在该元素上时,该元素展现的样式。

需要标签:

a标签

浏览器会给a标签默认添加一些样式

a标签有4种状态:

(1)a:link(未访问过的链接)

  (2)  a:hover(鼠标经过,也就是鼠标指针放在该元素上时)

   (3)a:active(当前激活链接,也就是点击鼠标左键时)

   (4)a:visited(已访问过)

 

 

 

 

 

 

 

 

伪类选择器:

1.hover

hover是一种状态,表示当鼠标放在元素上的时候,当鼠标悬浮在标签上时的样式

  1.     
  2.         
  3.         
  4.         
  5.         
  6.     
  7.         
  8. 百度
  9.     

a:hover{

         color:blue;

}

表示,当鼠标放在页面中的a标签上时,标签内文字的颜色将变为蓝色

2active

当鼠标按下a标签没有松手的时候的样式

  1.     
  2.         
  3.         
  4.         
  5.         
  6.     
  7.         
  8. 新浪
  9.     

a:active{
                color: green;
            }

表示,当鼠标放在页面中的a标签上时,标签内文字的颜色将变为绿色

:3visited

  1. 当a标签的目标页面被访问过的时候的样式
  2.     
  3.         
  4.         
  5.         
  6.         
  7.     
  8.         
  9. 淘宝
  10.     

            a:visited{
                color: red;
            }

表示,当鼠标放在页面中的a标签上时,标签内文字的颜色将变为红色

4 cursor

表示鼠标放在在元素上时,指针的样式

  1.     
  2.         
  3.         
  4.         
  5.         
  6.     
  7.         
  8. 腾讯
  9.     

鼠标放在该元素上,会展示出一个小手

你可能感兴趣的:(html)