CSS3 : 대상 문제

2 개의 "링크"가 있습니다. 링크를 클릭 할 때 색상을 가져야합니다. 하지만 그들은 h1 태그에 있어야합니다. 이처럼CSS3 : 대상 문제

<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>

하지만 난 그들 중 하나를 클릭 할 때 색상 변경 실 거예요.
여기 :target is for 무슨 일이 아니라 그 CSS

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

출처

2012-07-23 Anonymous

를 어디에 '자인'의 'id'과 요소 : 당신은 사용자가 다른 뭔가를 딸깍 소리가 날 때까지 변경된 색상을 유지하려면

h1 a:active { color:#00A2FF; }

후 사용할 수 있습니까? –

"하지만 h2 태그에도 있어야합니다." 나는 코드에 h2 태그가 보이지 않는다. –

링크에 link-webbdesign이라는 ID가있다. h1 태그를 의미한다. –

입니다. 스타일을 지정하려면 클릭하는 링크가 h1 a:active이어야합니다.

h1 a:focus, 
h1 a:active { 
    color: #00A2FF; 
}

DEMO

출처

2012-07-23 23:52:40 Ana

내가 일하기 때문에 목표를 사용하고 싶다. 전환 및 다른 물건을 나중에 같은 페이지에 넣으십시오 –

+1 대상 대상에 대해 – Musa

@ Adib93 : 클릭하는 링크의 스타일을 지정 하시겠습니까? 아니면 연결되는 섹션의 스타일을 지정 하시겠습니까? ': active'는 링크 자체의 스타일을 지정하기위한 것이고,': target'은 클릭 된 링크의 스타일을 지정하기위한 것입니다. – Ana

CSS3 : 대상 문제

답변

관련 문제