伪类

最新推荐文章于 2023-05-22 11:46:17 发布

普通旧朋友

最新推荐文章于 2023-05-22 11:46:17 发布

阅读量160

点赞数

本文链接：https://blog.youkuaiyun.com/qq_41646730/article/details/80950514

版权

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标签颜色同步变化