Jsoup parse triple nested span

Question

I am in stuck with creating cssQuery for Jsoup for parsing html.

What I want to parse:

    ...    
    <div class="counterdiv">
        <div class="counter-group" id="c1">
        <div class="counter-heading collapsed inactive-header">
        <span class="counter-number">
        <span class="rts-counter">
        <span class="rts-nr-int rts1">1</span>
        <span class="rts-nr-int rts2">2</span>
        <span class="rts-nr-int rts3">3</span>
        </span>
        </span>
        </div>
        </div>
</div>

What I want in output: 123

What I am getting in output now: null

What I've tried to get desirable output:

Element element = document.select
// Elements elements = document.select
// (".counterdiv.counter-group.counter-heading.inactive-header.rts-counter.rts-nr-int.rts1");
(".counterdiv.counter-group.counter-heading.inactive-header.counter-number span").first();
// (".counterdiv .counter-group .counter-heading inactive-header .counter-number span");
// (".counterdiv .counter-group .counter-heading inactive-header .counter-number span span span");
// ("div.counterdiv > div.counter-group > #c1 > div.counter-heading.inactive-header > span.counter-number > span");

And a lot of other such variations but element or elements always null.

Where is my problem? What I am doing wrong while building cssQuery?