Показать / скрыть контент на основе привязки; по умолчанию показывать первым

Если вы согласны с изменением html и помещением красного поля в последнюю очередь, вы можете сделать что-то вроде:

#red {
  background: red;
  display: block;
}
#blue { background: blue; }
#green { background: green; }
.box {
  width: 200px;
  height: 200px;
  display: none;
}
.box:target {
  display: block;
}
.box:target ~ #red {
    display: none;
}

Вы можете попробовать это:

#red { background: red; display:block;}
#blue { background: blue; }
#green { background: green; }
.box {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.box:target {
  display: block;
}
.wrapper {
  position: relative;
  width: 200px;
  height: 200px;
}

<a href = "#red">Red item</a> | <a href = "#blue">Blue item</a> | <a href = "#green">Green item</a>

<div class = "wrapper">
  <div class = "box" id = "red"></div>
  <div class = "box" id = "blue"></div>
  <div class = "box" id = "green"></div>
</div>

Решение (я): -

<style>
#red {
  background: red;
}
#blue {
    background: blue;
}
#green {
    background: green;
}
.box {
  display: none;
}
.box:target {
    display: block;
}

</style>
<a href = "#red">Red item</a> | 
<a href = "#blue">Blue item</a> | 
<a href = "#green">Green item</a>

<div class = "box" id = "red">Red</div>
<div class = "box" id = "blue">Blue</div>
<div class = "box" id = "green">Green</div>

Пояснения: -

I Finally found a solution for your answer but ...
for it to work properly , you need to add a background color ....
finally , I hope that it is what you wanted .....

Примечания и ссылки: -

currently , i have no references for above codes , 
but ,
NOTE : Please Add Background color fr it to work properly

Решение как-то простое, но я не могу его здесь показать. Если вы используете этот код на странице, вам просто нужно добавить привязку первого тега a к URL-адресу, чтобы активировать его цель. Поэтому вам нужно просто сделать что-то вроде этого:

wwww.page.html#red

Вот скриншот результата:

Это будет работать без изменения кода, и вы можете выбрать, какой из них сделать видимым в начале.