外部リンク(target="_blank")を指定しているaタグだけに、外部リンク用のアイコンを付けたい時があります。
そんな時に、別途クラスを付与するのもHTMLのソースの肥大化に繋がりますので、CSSだけで済む方法を紹介します。
CSSでtarget=”_blank”が指定されているaタグに装飾をする
CSSで以下のように指定する事によって、target="_blank"が指定されているaタグを指定できます。
a[target="_blank"] {
/* ここにスタイルを記述します */
}以下は例として当サイトのtarget="_blank"が指定されているaタグを表示いたします。
さいごに
いかがでしたでしょうか。target="_blank"以外にもいろいろな条件で指定できますので別途紹介させていただきます。
覚えておけば、HTMLやCSSも余計なコードを書く必要もなくなりますので、すっきりとしたコードになります。
