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>