html - Css 同级 (~) 选择器不适用于选中的属性

标签 html css css-selectors

请看here ,左侧的菜单应该在复选框选中的属性上滑入和滑出,但我的 CSS 不工作,任何人都可以帮助我。 在我的代码菜单中,当前设置为 left:-240px,因为它应该滑入 left:0 选中复选框。

我的兄弟代码似乎没有工作,请帮助

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

最佳答案

当您使用 .checked 时语法有错误。 . 是一个类选择器。

你的目标应该是冒号

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

查看corrected

关于html - Css 同级 (~) 选择器不适用于选中的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30280663/

相关文章:

css - Polymer:样式化特定的核心子菜单图标

css - 我怎样才能防止第 n 个 child 踩到对方的脚趾?

javascript - 单击 anchor 标记后,jQuery 鼠标悬停不起作用

javascript - 如何将div查找到一个div中?

python - 如何在 python beautifulsoup 中解析出以下 HTML?

css - 在同一类声明中两次使用 CSS 属性

html - Z-index 不适用于位置

css - 将视频作为背景嵌入到 div 中( Bootstrap )

css - Rails 3.1 Assets 管道指纹识别

css - 类选择器组合开始于而不结束于