hover控制该元素的子代元素（儿子辈的），后代元素（儿子，孙子，重孙子。。辈的），兄弟元素的（你懂）。

看俩个“元素(2)”的hover，有点类似于click（this），hover哪个，哪个就有反应，挺好的。http://www/uc/myshow/blog/misc/gif/E___7474ZH00SIGG.gif

html>

<</span>html>

<</span>head lang="en">

    <</span>meta charset="UTF-8">

    <</span>title></</span>title>

    <</span>style>

    
    div{

        padding:15px;

    }





        .a:hover span{

            color : #d43f3a;

        }

        .a:hover>span{

            color : #1bd;

        }

        #a:hover + #c{color : #00FF00;}

        #a:hover + #c > #b{color : #0000FF;}

    </</span>style>

</</span>head>



<</span>body>

    <</span>div class='a'>元素1（1）

        <</span>div>

            <</span>span>哈喽</</span>span>

        </</span>div>



    </</span>div>

    <</span>div class='a'>元素(2)

        <</span>span>哈喽</</span>span>

    </</span>div>

    <</span>div class='a'>元素(2)

        <</span>span>哈喽</</span>span>

    </</span>div>



    <</span>div id="a">

        我要控制我的兄弟元素

    </</span>div>

    <</span>div id='c'>元素3

        <</span>div id='b'>元素2</</span>div>

    </</span>div>



    <</span>div class="d" onclick="console.log('big....')">

        我的名字

        <</span>button onclick="oo()">click</</span>button>

        是哈哈哈

    </</span>div>

</</span>body>

</</span>html>