2019年07月29日(月)

外部サイトのリンクにだけ特定のアイコンを付与する

• 0
• 0
• 9
• 42

Result

See the Pen Inline Icons & Wrapping by kachibito
(@kachibito) on CodePen.

外部サイトのリンクにだけ特定のアイコンを付ける、みたいなの
やってる事は単純で、href属性に自サイトのドメインを含んでる場合は除外するようにしています

相対パスも対応する場合は便宜変更してください

css

a:not([href^="https://codepen.io/"]):after{ content: ""; background-image: url(foobar.gif); display: inline-block; background-size: cover; }

上記の場合はhttps://codepen.io/で始まるリンクを除外したコードとなります

via

Inline Icons & Wrapping