リンクにサイトアイコンを表示

CSSの疑似要素でリンクにサイトアイコンを付ける。
URLで判別する為、よく使うリンク先をいくつかCSSに記載しておく。

アイコンDL

CSS追加(SASS)

a[href^="https://github.com"]::after
	display: inline-block
	content: ""
	background: url(画像URL) no-repeat
	background-size: contain
	width: 17px
	height: 17px
	margin-left: 3px
	vertical-align: sub
  • a[href^=""]前方一致
  • a[href*=""]部分一致