:lang()

このエントリーをはてなブックマークに追加

:langはlang属性から要素を絞り込めるセレクタです。

属性セレクタとの違いは、-(ハイフン)区切りの言語指定がある場合にハイフンの前の文字列でも判定が行える点です。

<style>
div:lang(ja){
	color:red;
}
div:lang(en){
	color: blue;
}
div:lang(en-us){
	color: green;
}
</style>
<div lang="ja">ja</div>
<div lang="en">en</div>
<div lang="en-es">en-es</div>
<div lang="en-us">en-us</div>

jaは赤色に、enは青色に、en-usは「en」とマッチしますが「en-us」で上書かれてしまうため緑色になります。

参考URL

6.6.3. The language pseudo-class :lang - W3C

登録日 : 2013年06月17日 最終更新日 : 2013年6月17日

同じカテゴリー(Selector)のエントリー

検索

スポンサードリンク

バージョン

リファレンス