• 技术文章 >web前端 >css教程

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

    高洛峰高洛峰2017-03-01 15:11:38原创1424
    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='a'>元素1
    
    </div>
    <div id='c'>元素3
        <div id='b'>元素2</div>
    </div>
    
    
    </html>

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css hover
    上一篇:CSS属性绘制图形 下一篇:css中position属性及z-index属性
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 原来利用纯CSS也能实现文字轮播与图片轮播!• css3怎样实现不是直角的菱形效果• css样式中有文字描边吗• 12个值得收藏的 CSS 技巧!!• css中圆角属性值能用百分比吗
    1/1

    PHP中文网