div의 활성 상태를 만들려고합니다.

Question

div의 활성 상태를 만들려고합니다.

호버링 작업이 완료되었지만 문제의 페이지에있는 경우 활성 상태가 표시되지 않습니다. 내가 구현하려고하는 것은 마우스를 올리는 것과 같은 스타일입니다.

여기 div의 CSS가 있습니다.

#fp-design a { width: 240px; height: 47px; float: left; display: block; background:url(images/assets/break.jpg) no-repeat; background-position: top right; } 
#fp-design a:hover { height: 44px; border-bottom: 3px solid #d3028e; text-decoration:none; } 
#fp-design a:active { height: 44px; border-bottom: 3px solid #d3028e; text-decoration:none; } 
#fp-design h2 { height: 20px; font-size: 16px; font-weight: bold; margin: 0; padding: 4px 0 0 12px; text-align: left; color: #FFF; text-decoration:none; } 
#fp-design h3 { height: 11px; font-size: 10px; font-weight: bold; margin: 0; padding: 0 0 0 12px; text-align: left; color: #FFF; text-decoration:none; } 

은 다음 페이지 코드를입니다

<div id="fp-design"> 
    <a href="<?php bloginfo('url'); ?>/web-design/"><h2>WEB DESIGN</h2> 
    <h3>PROFESSIONAL WEBSITE DESIGN</h3></a> 
</div> 

TIA

Answer 1

A : 활성 수단 "을 클릭하고 있습니다." "로드되지 않았습니다". 그게 너 니가 한거야?

페이지를 볼 때 div 모양을 변경하려는 것처럼 읽습니다. div에 클래스를 추가해야 할 필요가 있기 때문에 마우스를 올리거나 활성 상태로 설정하면됩니다. a : link = 페이지에 앉아있는 링크, a : visited = 이전에 클릭 한 링크, a : hover = 마우스가 위에있을 때의 링크, a : active = 마우스가 링크를 클릭 할 때의 링크.