a[target="_blank"]::after でfontawesomeアイコンを表示したいです。
css
1a[target="_blank"]::after { 2 font-family: 'Font Awesome 5 Free'; 3 content: '\f0a9'; 4}
html
1<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> 2<a href="#" target="_blank" class="note-contents">注釈</a>
[::before]なら表示されます。
[content: "テスト";]などでも試しました。
[:][::]も両方試しました。
a[target="_blank"]を諦めてクラスで指定したり、
[a]以外のタグでも試してみましたが[::after]のみ表示されません。
理由がわからず困っています。
見落としている箇所があるかもしれません。
リセットcssはHTML5 Reset Stylesheetを少しいじって使っています。
なにか手がかりになりそうなことをご存知の方がいらっしゃればご助言お願いします。
回答2件
あなたの回答
tips
プレビュー