css hover控制其他元素,CSS中hover改变子元素和其它元素样式


      
<html>
<body>
    <style>
        #a:hover {color : #FFFF00;}
        #a:hover > #b:first-child{color : #FF0000;}
        #a:hover > #b{color : #FF00FF;}
        #a:hover + #c{color : #00FF00;}
        #a:hover + #c > #b{color : #0000FF;}
    </style>
    <div id='a'>元素1
        <div id='b'>元素2</div>
        <div id='b'>元素2</div>
    </div>
    <div id='c'>元素3
        <div id='b'>元素2</div>
    </div>
</body>
</html>


上一篇 下一篇