![](https://www.webdesign-tch.org/cms/wp-content/uploads/2019/07/GORIPAKU2009_TP_V-150x150.jpg)
【CSS】aタグの【target=”_blank”】にだけCSSをつける方法
2022年12月30日
![](https://www.webdesign-tch.org/cms/wp-content/uploads/2022/12/haro20211031-A7304902_TP_V4.jpg)
aタグの【taget=”_blank”】がついているものだけにCSSを当てたいとき、どうやって指定するか。
主に「」をつけたいときですね。
サンプルコード
html
<a href="#" target="_blank">外部リンクサンプル</a>
CSS
a[target="_blank"]:after { margin: 0 0 0 3px; font-family: "Font Awesome 5 Free"; content: '\f35d'; }
仕上がり
こんな感じです。皆さんも外部リンクマークをつけたいときはご参考に!