XF 1.2 How to style "New Post" link?

Like what @Shelley did on her forum:


Guest:



On her forum, she coded it like this:

Code:

.navTabs .navTab.selected .tabLinks.forumsTabLinks li:last-child a {
background-color: #688e00;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
color: white;
padding: 0 7px;
margin-top: 3px;
line-height: 20px;
}

But I have different order of "Recent Posts/New Post" link on mine.
Member:


Guest:

 

She has used :last-child pseudo selector. Try removing that and add :hover pseudo property or .active class whichever is necessary for you.

 

Escuse mi ignorance on the matter. You're telling that this would be the correct code?

Code:

.navTabs .navTab.selected .tabLinks.forumsTabLinks li:hover a {
background-color: #688e00;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
color: white;
padding: 0 7px;
margin-top: 3px;
line-height: 20px;
}