css last-child matches all children

Question

I am trying to use create a separator between my links by creating a border on the right side of each of them. Then on the last one, remove it. I have the following html and css but what I'm finding is that each "a" tag matches the last-child selector. I'm not clear why and what the proper way would be to do this. ```

.nav a { border-right:solid 1px #000;} .nav a:last-child { border-right-width:0px;} ```

Accepted Answer

That's because each `a` is the last-child of its parent `li`. You'd want something like `.nav li:last-child a` instead.

css last-child matches all children

Solution

Problem