雑書きメモ：自サイト以外のリンクにFont awesomeを反映させたかった話

やりたかったこと

• いまサイト作ってる
• 自サイト以外のリンクのとき、Font awesomeアイコンが自動でくっつくようにしたい

つまづいたこと

• URLだけを除外すると、別のいらんところ（例えばTwitterのシェアボタン）にまで反映される
• 別タブが開かないページを除外すると、それもいらんところがガンガン反映されてる

結果的に

2つをくっつけて乗り切りました。

style.css

a:not([target="_blank"]):not([href^="https://hogehoge.com/"]) {
    position: relative!important;
}

a:not([target="_blank"]):not([href^="https://hogehoge.com/"]):after {
    content: "\f35d";
    color: #333;
    font-family: "Font awesome 5 Free";
    width:20px;
    height:20px;
    padding-left:0.3em;

    font-weight:900;
}

:not([target="_blank"])で「ページ内リンクを除外」、not([href^="https://hogehoge.com/"])で「自サイトのリンクを除外」しています。たぶん。
あってる？あってるよね？？

まとめ

CSS、奥が深いぜ…