: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)のエントリー
- 兄弟セレクタ
- 隣接セレクタ
- 子セレクタ
- :not()
- idセレクタ
- classセレクタ
- ::after
- ::before
- ::first-letter
- ::first-line
- :indeterminate
- :checked
- :disabled
- :enabled
- :lang()
- :target
- :focus
- :active
- :hover
- :visited
- :link
- :empty
- :only-of-type
- :only-child
- :last-of-type
- :first-of-type
- :last-child
- :first-child
- :nth-last-of-type()
- :nth-of-type()
- :nth-last-child()
- :nth-child()
- :root
- 属性セレクタ
- 子孫セレクタ
- 要素セレクタ
- ユニーバサルセレクタ