任意のテキストのCSSハイパーリンク

Question

CSSデザイナーの質問。 "<a href.."属性を使用せずに、どのCSSクラスにもアンカー動作を追加するにはどうすればよいですか。ここに私が意味することがあります。 （「手のポインタを指して」、訪問した色、アクティブな色と下線）

<span class="my_link">LINK TO SOMETHING </span> 

と、このテキストは、リンクの振る舞いを持っている必要があります。

私はこのhtmlコードを持っているつもりです。

これをCSSで作成することはできますか？

Answer 1

.my_link { cursor: pointer; text-decoration: underline; } 

span.my_link {テキスト装飾：ポインタと下線は次のように行うことができる下線。カーソル：ポインタ; }

ホバースタイルを適用する場合は、ホバーを使用できます。なぜあなたはアンカーを使うことができないのか本当にわかりませんが。

Answer 2

訪問したアクティブな色は、JavaScriptで行う必要があります。

Answer 3

タグに入れない限り、javascriptを使わずに訪問、アクティブなどの色を取得することはできません。ただし、ポインティングハンドカーソルをクリックすると、それをクリックするとどこかに移動することができます。正しいポインタを使用するには、

 
.my_link{ cursor: pointer; } 

を使用してください。詳細については

 
$(".my_link.").click(function(){ 
location.href="page"; 
}