Child nth-of-type – last-child

And another way is: –

Adding Menu border

I added vertical lines in a menu as shown below: –

Use this code: –


.menu-item {
border-left: solid 2px #fff;
margin: 0 -4px;
}


To just target the end line I could use the following: –

.menu-item:last-child {
border-right: solid 2px #fff;
}


to target the second from last I would use: –


.menu-item:nth-last-child(2) {
border-right: solid 2px #fff;
}