【CSS】aタグの【target=”_blank”】にだけCSSをつける方法

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';
  }

仕上がり

こんな感じです。皆さんも外部リンクマークをつけたいときはご参考に！