css3효과중에 target 이란 선택자가 있습니다. <div><br></div> <div><a target="_blank" href="http://tympanus.net/Tutorials/CSS3PageTransitions/index3.html#home">http://tympanus.net/Tutorials/CSS3PageTransitions/index3.html#home</a></div> <div><br></div> <div>위 사이트에서 그걸 이용해서 페이지 이동 효과를 만들었는데 </div> <div><br></div> <div>이때 메뉴중 하나를 클릭하면 섹션 하나가 나오면서 메뉴색이 바뀌는데 </div> <div><br></div> <div>이 바뀌는 부분 css가 이해가 안가네요 </div> <div><br></div> <div><div>#home:target ~ #header #navigation #link-home ,</div> <div>#portfolio:target ~ #header #link-portfolio ,</div> <div>#about:target ~ #link-about ,</div> <div>#contact:target ~ #link-contact{</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>transition: all .6s ease-in-out;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>background: red;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>color: #fff;</div> <div>}</div></div> <div><br></div> <div>이부분 입니다. </div> <div><br></div> <div>예를들어 home이 타겟이 뒤면 뒤에 선택된것의 css를 괄호 안으로 바꾸겟다는 의미인데</div> <div><br></div> <div>저 물결의 의미가 뭘까요?</div> <div><br></div> <div>기본적으로 hover쓸때는 물결같은것 없이 그냥 #home:hover #link-home{}이런식으로 사용하던데 </div> <div><br></div> <div>타겟은 조금 다른가 보네요. id선택3개중 최상단 없으면 작동안하고 이거 구글링에도 없고...</div> <div><br></div> <div>저 물결뒤 선택하는 조건이 궁금하네요</div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.