内部 AND mailto リンク AND アンカー リンク (#) 以外のすべてのリンクを選択しようとしています。そのため、X、Y、Z を除外するようにセレクターを結合したいと考えています。ただし、それらを結合する方法がわかりません。
a:not([href*="myurl"]) { }
この CSS は、「myurl」を含まないすべてのリンクを検出しますが、mailto: およびアンカー (#) リンクも検出するため、これをセレクターから除外したいと考えています。
not セレクターを使用して、自分のサイト外のすべての URL を検索する必要があります。私の知る限り、not を使用せずに「自分のサイト外のすべてのサイト」と言う方法はありません。のようにする方法はありますか
a:not([href*="myurl OR # OR mailto"]) { }
完全なコードでは、重要な場合は :hover と :after も使用します。
a:not([href*="myurl"]):hover:after { }
これは、jquery/javascript ではなく CSS で完全に行う必要があります。また、URLにクラスを追加できません。
それはまったく可能ですか？(クロスブラウザはそれほど重要ではありません。Chrome + Firefox で十分でしょう)
私の現在の回避策は、を使用して他のリンクをターゲットにすることですが、変更を再度上書きすることを意味するため、これは望ましくありnot([href*="http:// "]) { }ません。 （その他の理由の中でも）color: redcolor: blue