首頁  >  文章  >  web前端  >  CSS中hover改变子元素和其它元素样式_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 11:37:581002瀏覽

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

<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