伪类

1、<a href="http://www.baidu.com" target="_blank">百度</a>

   a:link{
        background: yellow;
    }                           //超链接颜色

    a:hover{
        background: red;
    }                            //鼠标点击时候的颜色

    a:visited{
        background: lemonchiffon;//已经访问过的连接
    }
    a:active{
        background: tomato;        //点击不放的连接颜色
    }

hover 最常用

2、

</body>

          <div>

                < p >             </ p >         </ div > </ body >

div{
    width: 100px;
    height: 100px;
    background: red;
}
   p{
       width: 75px;
       height: 75px;
       background: yellow;
   }
   div:hover{
       cursor: pointer;      //cursor:指向 ：手指
       background: hotpink;
   }

点击图片后 div颜色由  red  变成  hotpink

div{
    width: 100px;
    height: 100px;
    background: red;
}
   p{
       width: 75px;
       height: 75px;
       background: yellow;
   }
   div:hover{
       cursor: pointer;
       background: hotpink;
   }
   div:hover p{
       background: green;
   }            //通过子代实现P标签颜色同步变化