bibi/src/darknetlink.html

21 行
1.1 KiB
HTML

<title>CSSでダークネットのリンクにスタイルを適用する - 美々蝶々</title>
<h1>CSSでダークネットのリンクにスタイルを適用する</h1>
<ul>
<li>2023-03-11 (陰暦02月20日) たかし</li>
</ul>
<p>HTML で他のサイトにリンクする時、クリアネット・I2P・Tor で別々のスタイルを適用できたらいいな、と思ひました。CSS の「Attribute Selector」を使用したら簡單にできました。でも、きれいなスタイルの案が無かつたから、美々蝶々では不使用です。</p>
<p>これは netsurf で機能しました。dillo では機能しませんでした。</p>
<dl>
<dt>CSS (色を変更)</dt>
<dd><code>a[href^=&quot;http&quot;] { color: cyan; } /* クリアネットの場合 */<br>
a[href*=&quot;.i2p/&quot;] { color: lime; } /* i2p の場合 */<br>
a[href*=&quot;.onion/&quot;] { color: magenta; } /* onion の場合 */</code></dd>
</dl>
<p>色を変更する以外にも、:before や :after と組合せたら、onion リンクに玉葱のマークを表示する事もできると思ひます。</p>