пусто на обновленной веб-странице

У меня есть веб-страница

sample.html

и когда я нажимаю что-то

это идет

sample.html # братан

и когда я обновляю (f5), это

он по-прежнему sample.html # bro и показывает его содержимое

как я могу удалить #bro

просто освежая любую идею?

Кстати, это код, который я использую

<a href="#div1">Div one</a>
<a href="#div2">Div two</a>
<a href="#div3">Div three</a>
<a href="#div4">Div four</a>

<div id="content">
<div id="div1">This is div one</div>
<div id="div2">This is div two</div>
<div id="div3">This is div three</div>
<div id="div4">This is div four</div>
</div>

css -

#content > div {
display: none;
}

#content > div:target {
display: block;
}

любые мысли о том, когда обновление содержимого будет сброшено или пустым