外部リンクを区別するUserCSS
from Settings
外部リンク記法を区別するUserCSS
/noratetsu/●別タブで開くリンクにアイコンを添えるの設定も参考にした
テスト
アイコンを付けないリンク
scrapbox.ioへのリンク
2022-02-07 18:48:52 Chrome for Androidで確認したらアイコンが出てしまっていた
リンクつき画像をクリックしたときの動作が変わった影響だろうか？
リンク付き画像のみ、spanタグに
class="model-image" が付与されていないspanやその下のaタグからは外部リンクと判別できない？
:has()があればaが子にimgを持っているかどうかで判別できるが…
cf. リンクなし画像
test:
style.css/* 外部リンクにiconをつける */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon):not([href^="https://scrapbox.io"])::after {
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
font-weight: 900;
font-size: 0.8rem;
content: ' \f35d';
display: inline-block;
}aタグではなく、aの子のspanの最後尾につけてみる
style.cssx/* 外部リンクにiconをつける */
.line span:not(.pointing-device-map) > a.link:not([href^="https://scrapbox.io"]) span:last-of-type::after {
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
font-weight: 900;
font-size: 0.8rem;
content: ' \f35d';
display: inline-block;
}
おかしくなった
:not(.empty-char-index) なspanのうち最後尾のものをセレクトできたらいける…？css selectors - How do I select the "last child" with a specific class name in CSS? - Stack Overflow
span.empty-char-index は空白をもっているので :empty も使えない先頭にサイトのアイコンをつけているのは別のUserCSS
https://github.com みたいなの
2021/7/5
だとしたら適当に代わりのアイコンにするとかかしら
（kamonをどう使うのかよく分かってない）
me too
ちょい調べてみますが先に出来る方いらっしゃったらお願いいたします🙏
\f35d に external-link-alt とかいうのがあったのでとりあえずそいつを指定しました