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

です：アクティブな手段は、 "クリックされています"。 "ロードされていません"。あなたが何をしているのですか？

ページが表示されている場合は、divの外観を変更したいと思っているようです。これを行うには、divにクラスを追加する必要があります。ホバー/アクティブ状態ではそれを行いません。 a：リンク=ページ上にあるリンク、a：visited =以前にクリックされたリンク、a：hover =マウスが上にあるときのリンク、a：active =マウスがクリックしたときのリンク。