CSS3 :целевая проблема

У меня есть 2 «ссылки», которые должны получить цвет, когда я нажимаю на них. Но они также должны быть в теге h1.

Вот так:

<div id="content" class="work">
    <h1 style="border-bottom:1px solid #CCC;"><a id="link-grafisk-design" href="#grafisk-design">Grafisk design</a></h1>
    <h1 style="border-bottom:1px solid #CCC;">&nbsp;/&nbsp;</h1>
    <h1 style="border-bottom:1px solid #CCC; width:276px"><a id="link-webbdesign" href="#webbdesign">Webbdesign</a></h1>
</div>

Но он не изменит цвет, когда я нажму на один из них.
Вот CSS

#webbdesign:target ~ #link-webbdesign {
    color:#00A2FF;
}