How can I select :last-child in d3.js?

Question

I need to manipulate the text elements of the first and last tick of an axis to bring them more towards the center.

I am trying to select them, one at the time, with something like svg.select('.tick:last-child text') but it doesn't work. I'd then apply .transform('translate(4,0)')...

Am I doing something wrong? How can I achieve this?

Answer 1

Here's the cleanest method I've found:

g.selectAll(".tick:first-of-type text").remove();
g.selectAll(".tick:last-of-type text").remove();