CSS入門 | CSSセレクタ | その他の擬似クラス
:not
:not セレクタはすべてのセレクタと組み合わせて使用でき、指定したセレクタの条件を反転して要素を選択する。
<style>
input { color: #FFEFD5; }
input:not([type="password"]) { background-color: #CD853F; }
</style>
:lang
:lang セレクタは、特定のHTML要素をユーザーのコンピューターの言語設定に応じて異なる表示にしたい場合に使用する。
たとえば、英語では引用の表現に引用符("")を使用するが、フランス語では山括弧(<>)を使用する。
このように言語によって異なるタグの見た目を、ユーザーのコンピューターの言語設定に応じて変えられるようにする。
<style>
:lang(en) { quotes: '"' '"' "'" "'"; }
:lang(fr) { quotes: "<<" ">>" "<" ">"; }
</style>