Html 菜单栏仅在使用第n个子（1）跨距时起作用

我有一个带子菜单的-90度菜单栏，该子菜单只能使用此代码工作 我的问题是，我们是否可以在codepen上获得示例1，以便使用第n个child从JSFIDLE使用示例2，这样我就可以使用第n个child（4）创建子菜单 感谢您提前提供的帮助，顺便说一句，您可以忽略代码，所有内容都显示在codepen和JSFIDLE中

css

但问题是这些信息在我试图让它工作的网站上不起作用，只有这些代码在网站上起作用

css

---

你能更清楚地解释一下你的问题吗？什么不起作用？我在你的小提琴里根本找不到任何子菜单。原来的问题。原始结构不适用于菜单/子菜单结构。这就是我放弃它的原因。你是在比较苹果和桔子。顺便说一句…原来的问题似乎是针对一个不同的SO用户/帐户。哦，我之前登录了一个旧帐户，我想我把它弄丢了，不管怎样，我正在重新发布这个问题，因为你不再跟我谈论它，我仍然需要帮助，你用codepen的回答非常完美，唯一的问题是，它在我试图让它工作的地方不起作用，我不知道为什么，不要问我，但在站点上所有东西都相互堆叠，而且它在JSFIDLE上也不起作用。。但在网站上，它们都是堆叠的，这就是为什么我使用第n个子元素将每个按钮单独分开，这样它们都会显示出来。。我甚至试着给你这个网站，这样你就可以看到issue@Harry子菜单位于示例1中的Codepen上，它在JSFiddle上的示例2上不起作用。我想说的是，您的JSFiddle版本不适合您尝试执行的操作（IMO）。我回答了你的问题，你接受了。带着最大的敬意，你忽略了我给你的东西，然后想让我引导你把它应用到显然不起作用的事情上。你能更清楚地解释一下你的问题吗？什么不起作用？我在你的小提琴里根本找不到任何子菜单。原来的问题。原始结构不适用于菜单/子菜单结构。这就是我放弃它的原因。你是在比较苹果和桔子。顺便说一句…原来的问题似乎是针对一个不同的SO用户/帐户。哦，我之前登录了一个旧帐户，我想我把它弄丢了，不管怎样，我正在重新发布这个问题，因为你不再跟我谈论它，我仍然需要帮助，你用codepen的回答非常完美，唯一的问题是，它在我试图让它工作的地方不起作用，我不知道为什么，不要问我，但在站点上所有东西都相互堆叠，而且它在JSFIDLE上也不起作用。。但在网站上，它们都是堆叠的，这就是为什么我使用第n个子元素将每个按钮单独分开，这样它们都会显示出来。。我甚至试着给你这个网站，这样你就可以看到issue@Harry子菜单位于示例1中的Codepen上，它在JSFiddle上的示例2上不起作用。我想说的是，您的JSFiddle版本不适合您尝试执行的操作（IMO）。我回答了你的问题，你接受了。带着最大的敬意，你忽略了我给你的东西，然后想让我引导你把它应用到显然不起作用的事情上。你能更清楚地解释一下你的问题吗？什么不起作用？我在你的小提琴里根本找不到任何子菜单。原来的问题。原始结构不适用于菜单/子菜单结构。这就是我放弃它的原因。你是在比较苹果和桔子。顺便说一句…原来的问题似乎是针对一个不同的SO用户/帐户。哦，我之前登录了一个旧帐户，我想我把它弄丢了，不管怎样，我正在重新发布这个问题，因为你不再跟我谈论它，我仍然需要帮助，你用codepen的回答非常完美，唯一的问题是，它在我试图让它工作的地方不起作用，我不知道为什么，不要问我，但在站点上所有东西都相互堆叠，而且它在JSFIDLE上也不起作用。。但在网站上，它们都是堆叠的，这就是为什么我使用第n个子元素将每个按钮单独分开，这样它们都会显示出来。。我甚至试着给你这个网站，这样你就可以看到issue@Harry子菜单位于示例1中的Codepen上，它在JSFiddle上的示例2上不起作用。我想说的是，您的JSFiddle版本不适合您尝试执行的操作（IMO）。我回答了你的问题，你接受了。带着最大的敬意，你然后忽略了我给你的东西，然后想让我引导你，把它应用到显然不起作用的事情上。

nav {
  height: 50px;
  line-height: 50px;
  background: #FF00FF;
  position: fixed;
  top:50;
  right:0;
  width: 100vh;
  transform-origin:top right;
  transform:translateX(-50px) rotate(-90deg);
}

#right_menu a:nth-child(1) span {
  display:block;
  position:absolute;
  top:40px;
  left:-40px;
  width:130px;
  color:#FFF;
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transition:left .3s ease;
}