Web制作で役立つメモをWEB MEMO LOG

2023.05.03

【CSS】リンクの「target="_blank"」の外部リンク時だけアイコンをつける

外部リンクの時だけアイコンを表示する方法。

a[target="_blank"] {
	position: relative;
}
a[target="_blank"]::after {
	content: url("../img/icon_blank.svg");
	width: 10px;
	height: auto;
	display: inline-block;
	margin-left: 5px;
}

About Site

同じことを何度も検索していたりするんで、検索して解決したことを残そうと思いまして。