First-child selector in CSS .less file -

First-child selector in CSS .less file -

i have list of links in footer , want add together left border each 1 of them apart first, i'm trying next removes left borders:

ul.footerlinks { margin:0 auto; li{ display: inline-block; zoom:1; *display:inline; color:#eee; padding:4px 14px; border-top:1px solid rgba(0,0,0,0); border-left:1px solid #fff; &:hover { color:#fff; border-top:1px solid #fff; } &:first-child { border-left:none; } }

}

i tried adding border right , using :last-child same result, borders disappeared.

anything wrong?

you can seek below . new, trying help.

li{ display: inline-block; zoom:1; *display:inline; color:#eee; padding:4px 14px; border-top:1px solid rgba(0,0,0,0); &:hover { color:#fff; border-top:1px solid #fff; } &:not(:first-child) { border-left:1px solid #fff; } }

or simply

li{ display: inline-block; zoom:1; *display:inline; color:#eee; padding:4px 14px; border-top:1px solid rgba(0,0,0,0); &:hover { color:#fff; border-top:1px solid #fff; } } li:not(:first-child) { border-left:1px solid #fff; }

css less