スポンサード リンク
lang擬似クラス
lang擬似クラスを説明する前にlang属性について説明しておきます。 html要素にはlang属性をつけることできますlang属性はすべての要素に使えます。
<html lang="ja">
対応ブラウザ |
lang擬似クラス
htmlのlang属性で指定されている文字コードに対してスタイルを適用できます要素名:lang(言語コード) { プロパティ : 値; }
実際の指定方法
cssファイル
p:lang(en) { color : red; }
html部分
<p lang="en">The style only for English</p>
実際の表示
IE6、IE7以外のブラウザで確認してください。文字が赤色になりましたか?The style only for English
要素を属性セレクタ、classセレクタ、idセレクタで絞り込む
cssファイル
p.hoge:lang(en) { color : red; }
html部分
<p class="hoge" lang="en">The style only for English</p>