【问题标题】:Css sibling (~) selector not working on checked propertyCss兄弟(〜)选择器不适用于已检查的属性
【发布时间】:2015-07-28 15:03:09
【问题描述】:

请看一下here,左侧的菜单应该在复选框选中的属性上滑入和滑出,但是我的 css 无法正常工作,谁能帮助我。 在我的代码中,菜单当前设置为左:-240px,因为它应该在选中复选框时滑入左:0。

我的兄弟代码似乎不起作用,请帮助

#menuToggle.checked ~ .menu { position:absolute; left:0; }

【问题讨论】:

    标签: html css css-selectors


    【解决方案1】:

    您在使用.checked 时出现语法错误。 . 是一个类选择器。

    你的目标应该是一个冒号

    #menuToggle:checked ~ .menu { position:absolute; left:0; }
    

    corrected

    【讨论】:

    • 哦该死的,我什至不知道我在那里做了什么,非常感谢您指出这一点。谢谢
    • @ArbazAbid,它一直在发生。很高兴我能帮助你! :)
    • 再次感谢,我会在 6 分钟内接受这个回答,现在我不会接受 :)
    猜你喜欢
    • 1970-01-01
    • 2012-08-02
    • 2018-05-13
    • 2011-12-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-22
    相关资源
    最近更新 更多