To select the <c>correct</c>, you can use:

document.querySelector('b+c');

This selects all c directly following a b.

If you want to select all elements that lie between two elements, you can’t use CSS for this.

Its possible with a little javascript though:

// selects all 'c' following an 'a'
for (const element of document.querySelectoAll("a+b")) {
  // checks if the next element after 'c' is 'b'
  if (element.nextSibling().tagName == "b") {
    // prints every 'c' that follows an 'a' and has a 'b' after
    console.log(element);
  }
}

Let’s say I have this html:

    <a></a>
    <b> </b>
    <c> </c>
    <c>incorrect</c>
    <a></a>
    <c>incorrect</c>
    <b> </b>
    <d> </d>
    <b> </b>
    <a></a>
    <c>incorrect</c>
    <a></a>
    <c>correct</c>
    <a></a>
    <c>incorrect</c>
    <d> </d>

How can I select <c>correct</c> which is between <a> and <d>
I thought about something like this:

document.querySelector('a~c.d~c');

But it doesn’t work. Do you have any ideas how can I achieve this ?