CSS DIV HOVER

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<style>
    .p1{color:#00FF99}
    .a1{color:#FF00FF}
    .mouseOverDiv:hover *{color:#FF0000;} /** 鼠标经过DIV时,所有子元素字段变成红色 */
</style>
</head>
<body>
    <div class="mouseOverDiv">
        <a href="#" class="a1">我是超链接</a>
        <p class="p1">我是段落内容</p>
    </div>
</body>
</html>

 

posted @ 2015-08-19 09:35  微明Axel  阅读(780)  评论(0编辑  收藏  举报