【CSS】ある属性が特定の値を持つ要素にのみスタイルシートを適用する

Tweet

Category css 2013/02/24

問題

a要素の、target=”_blank” の指定のある場合だけ、あるスタイルシートを適用したいです。

答え

以下の書き方で、ある属性を持っている要素や、ある属性が特定の値を持つ要素などにスタイルシートを適用可能。

[属性="値"] { プロパティ:値 ; プロパティ:値 ; …}

[属性] { プロパティ:値 ; プロパティ:値 ; …}

対応ブラウザ: FF1.0/NS7.1/OP8.0 SF

CSSレベル: CSSレベル2

他にもいろいろ書き方あり。 https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors

なお、この書き方はInternetExplorer5.0/5.5/6.0には対応していません。

target=”_blank” の指定のあるa要素にスタイルシートを適用するには、以下のように書くとよい。

a[target="_blank"] {
    /* 例 */
    border-bottom:1px dashed #0000ff;
}