菜单栏仅适用于使用nth-child（1）范围

Question

我有一个带有子菜单的-90deg菜单栏，只能使用此代码 我的问题是我们可以在codepen上得到example1，使用nth-child从jsfiddle处理示例2，这样我就可以使用nth-child制作子菜单（4） 感谢您提前的任何帮助，顺便说一下，您可以忽略代码，所有内容都显示在codepen和jsfiddle中

CSS

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);
}

http://codepen.io/Paulie-D/pen/EjXddY

但问题是这个信息在我试图让它工作的网站上不起作用，只有这个代码才能在网站上运行。

CSS

#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;
}

https://jsfiddle.net/nyjhfr8g/2/