css - CSS を使用してテキストにリンクを追加する

Question

CSS セレクターを使用して、中括弧内のすべてのテキストをリンクに変換したいと考えています。JavaScriptでも書けるのですが、CSSでこんな風に追加できないかと思っています。

p:before {
    content: "<a href'http://example.com/t2'>";
}

p:after {
    content: "</a>";
}

のt2はhref、中括弧内のテキストのコピーになります。

上記の例では、内のすべてのテキストがpリンクに変換されますが、中括弧内のものだけを選択する方法はありますか?

score 5 · Accepted Answer

簡単な答え: できません。これはカスケーディングスタイルシートの目的ではないためです。JavaScript を使用する

score 2 · Accepted Answer

一般に、この種の処理には Javascript を使用することをお勧めします。

CSS は、ページのプレゼンテーションの側面を操作するのに最適です。

ここでやろうとしているのは、ページのコンテンツを操作することです。そのためには Javascript が最適です。

score 0 · Accepted Answer

CSSを使用してリンクを作成することはできません。このようなことは、サーバー側のスクリプトなど、ページを生成するときに最も適切に処理されます。クライアント側のJavaScriptでそれを行う場合、検索エンジンはリンクを認識しません。

3 に答える 3