Question

女士们，先生们。我正在用这个可爱的css付费只滑下全屏导航菜单。一切都是桃子，直到我试图移动触发菜单的复选框。

您可以看到该复选框在页面正文中直接转储时有效。但是，只要我把它放在div中，它就不会。

Fiddle with my fiddle.看看它是如何工作的，但如果你将复选框移出“im-my-own-div”就行了！

我相信这是负责隐藏和显示导航标记的代码。

<input type="checkbox" id="nav">
<label for="nav" class="entypo-menu"></label>

和

input[id*="nav"]:checked ~ nav {
  transform: translate3d(0,0,0);
}

进一步检查时，它似乎只能直接放在导航类上方。即使复选框位于页面上其他地方的另一个div内，它是否有办法到达导航div。

Answer 1

您无法使用选择器的类型。

Tilde选择通用的sibilings。（＆＃34; nav＆＃34;在你的情况下）

您只能与儿童或兄弟姐妹一起工作，在CSS中，你无法回到：父母的

你可以在JS中完成。

根据建议（@GCyrillus），您可以将输入移到外面：

<input type="checkbox" id="nav">
<div id="im-my-own-div">
<label for="nav" class="entypo-menu"></label>
</div>