サイト制作時にリンク設定などで頻繁に使うaタグですが、その飛び先はサイト内リンクやページ内リンク(アンカーリンク)、外部リンク、メーラーを起動、スマホであれば電話を掛けるなど使用用途は様々です。そして、それらのリンクの種類ごとに飛び先がわかりやすいようにアイコンなどで、リンクの種類がひと目で分かるようにするなどの配慮も必要になります。今回はCSSのみでリンクを判定し、スタイルを振り分ける方法を紹介します。 target属性によって指定する方法 基本的にtarget=”_blank”の形で指定することが多いtarget属性ですが、 上記のように書くことで、target=”_blank”が指定されているaタグにのみに指定することができます。もちろん”_blank”の部分を変えることで、他のtarget属性に指定するようにできます。 ちなみにですが、target=”_blank”には脆弱性がある
![aタグのhrefやtargetを判別してCSS指定する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a34a0f1f13c133544fa13f8213c6c6d8ecf6240/height=288;version=1;width=512/https%3A%2F%2Fwww.marukin-ad.co.jp%2Fmarulog%2Fwp-content%2Fuploads%2F2022%2F04%2Fkv.jpg)