Css 在不同高度的wordpress菜单中显示项目

我试图在不同的高度上显示菜单中的最后3项。（10像素以上）

我可以用以下方式来设计它们：

#main-nav li:nth-of-type(n+6){
font-size:12px;
margin-left:30px;
}

但出于某种原因：

#main-nav li:nth-of-type(n+6){
margin-top:-10px; 
}

不起作用

---

您知道如何实现该结果吗？

您的代码正在运行，只是父容器不让您看到效果

尝试将

#main nav

上的

float:right

改为

display:flex

#main-nav {
    /*float: right;*/
    display: flex;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 0;
}

我通常尽量避免在CSS中使用

float

，因为它们并不真正用于布局