Rumah  >  Artikel  >  hujung hadapan web  >  css之hover改变子元素和其他元素样式

css之hover改变子元素和其他元素样式

高洛峰
高洛峰asal
2017-03-01 15:11:382523semak imbas

css之hover改变子元素和其他元素样式

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<style>
    #a {color : #FFFF00;}

    #a:hover + #c{color : #00FF00;}
    #a:hover + #c > #b{color : #0000FF;}
</style>
<div id=&#39;a&#39;>元素1

</div>
<div id=&#39;c&#39;>元素3
    <div id=&#39;b&#39;>元素2</div>
</div>


</html>

更多css之hover改变子元素和其他元素样式相关文章请关注PHP中文网!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:CSS属性绘制图形Artikel seterusnya:css中position属性及z-index属性