JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="quotes">
    <li class="quote" id="step1">
        <p>#2</p>
        <a href="#step2">Weiter</a>
    </li>
    <li class="quote" id="step2">
      <p>#3</p>
      <a href="#step3">Weiter</a>
    </li>
    <li class="quote">
        <p>#1</p>
        <a href="#step1">Weiter</a>
    </li>
</ul>

CSS

.quotes > .quote:target, .quotes > .quote:last-child {
  display: block;
}
.quotes > .quote, .quotes > .quote:target ~ .quote:last-child {
    display: none;
}