Как реализовать переключение блоков с помощью css?

Согласен с комментарием под вопросом, но если нужно вот примерная реализация

<div class="CSSgal">
  <s id="s1"></s> 
  <s id="s2"></s>
  <s id="s3"></s>
  <s id="s4"></s>
  <div class="slider">
    <div style="background:#000;">
            <h2>Slide 1</h2>
        </div>
    <div style="background:#000;">
            <h2>Slide 2</h2>
        </div>
    <div style="background:#000;">
            <h2>Slide 3</h2>
        </div>
  </div>
  <div class="prevNext">
    <div><a href="#s4"></a><a href="#s2"></a></div>
    <div><a href="#s1"></a><a href="#s3"></a></div>
    <div><a href="#s2"></a><a href="#s4"></a></div>
  </div>
  <div class="bullets">
    <a href="#s1">1</a>
    <a href="#s2">2</a>
    <a href="#s3">3</a>
  </div>
</div>