CSSを使用してHTMLアンカータグをクリック/リンクできないようにすることは可能ですか？

たとえば、私がこれを持っている場合：

<a style="" href="page.html">page link</a>

リンクをクリックできないようにし、page.htmlに移動しないようにするスタイル属性に使用できるものはありますか？

または、アンカータグで「ページリンク」を単にラップしない唯一のオプションですか？

編集：人々がより良いアドバイスを提供できるように、なぜこれをしたいのかを述べたいと思います。開発者が希望するナビゲーションスタイルのタイプを選択できるように、アプリケーションをセットアップしようとしています。

だから、私はリンクのリストを持っています、そして1つは常に現在選択されています、そして他のすべてはそうではありません。選択されていないリンクについては、通常のクリック可能なアンカータグにしたいのは明らかです。しかし、選択されたリンクについては、リンクをクリックしたままにすることを好む人もいれば、クリックできないようにしたい人もいます。

これで、選択したリンクの周りにアンカータグをプログラムでラップしないだけで簡単にできます。しかし、選択したリンクを次のようなもので常にラップできる場合は、よりエレガントになると思います：

<a id="current" href="link.html">link</a>

次に、開発者がCSSを介してリンクスタイルを制御できるようにします。

このcssを使用できます：

.inactiveLink {
   pointer-events: none;
   cursor: default;
}

次に、クラスをHTMLコードに割り当てます。

<a style="" href="page.html" class="inactiveLink">page link</a>

リンクをクリックできないようにし、カーソルのスタイルを矢印ではなく、リンクのように手にします。

または、htmlでこのスタイルを使用します。

<a style="pointer-events: none; cursor: default;" href="page.html">page link</a>

しかし、私は最初のアプローチを提案します。

CSSを使用するのはそれほど簡単ではありません。これは動作言語（JavaScript）ではないため、アンカーでJavaScript OnClickイベントを使用してfalseとして返すのが唯一の簡単な方法です。これはおそらく最短のコードです。あなたはそのために使うことができます：

<a href="page.html" onclick="return false">page link</a>

はい。cssを使用することは可能です。

<a class="disable-me" href="page.html">page link</a>

.disable-me {
    pointer-events: none;
}

または、イベントのない純粋なHTMLおよびCSS：

<div style="z-index: 1; position: absolute;">
    <a style="visibility: hidden;">Page link</a>
</div>
<a href="page.html">Page link</a>

CSSは動作ではなくプレゼンテーションに影響を与えるように設計されています。

JavaScriptを使用できます。

document.links[0].onclick = function(event) {
   event.preventDefault();
};

より控えめな方法（jQueryを使用すると想定）：

HTML：

<a id="my-link" href="page.html">page link</a>

JavaScript：

$('#my-link').click(function(e)
{
    e.preventDefault();
});

これの利点は、ロジックとプレゼンテーションを明確に分離できることです。ある日、このリンクが別のことをすると決めた場合、JSだけでマークアップをいじる必要はありません。

答えは：

<a href="page.html" onclick="return false">page link</a>

CSSで実行でき、非常に簡単です。「a」を「p」に変更します。あなたがそれをクリックできないようにしたい場合、あなたの「ページリンク」はどこかにリンクしていません。

CSSにこの特定の「p」でホバーアクションを実行するように指示するときは、次のように伝えます。

（この例では、「p」に「例」IDを指定しています）

#example
{
  cursor:default;
}

これで、カーソルはページ全体と同じままになります。

<a href="page.html" onclick="return false" style="cursor:default;">page link</a>