首页 >web前端 >html教程 >CSS中hover改变子元素和其它元素样式_html/css_WEB-ITnose

CSS中hover改变子元素和其它元素样式_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:37:581031浏览

+表示下一级元素,>表示子元素

<pre name="code" class="n">    <meta charset="UTF-8">    <title></title><style>    #a {color : #FFFF00;}    #a:hover + #c{color : #00FF00;}    #a:hover + #c > #b{color : #0000FF;}</style><div id="a">元素1</div><div id="c">元素3    <div id="b">元素2</div>
</div>



版权声明:本文为博主原创文章,未经博主允许不得转载。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn