Les nouveaux sélecteurs (fin)

• E[foo^="bar"] — Éléments E ayant l’attribut foo qui commence par bar

a[class^="number-"] { padding: 0; }

• E[foo$="bar"] — Éléments E ayant l’attribut foo qui se termine par bar

a[class$="ing"] { padding: 1em; }

• E[foo*="bar"] — Éléments E ayant l’attribut foo qui se contient bar

a[class*="ing"] { padding: 1em; }

• E:enabled, E:disabled — Éléments E activés / désactivés

input:enabled { background: #FFF; }
input:disabled { background: grey; }

• E:checked — Éléments E cochés

input[type="checkbox"]:checked { background: green; }

• E:enabled, E:disabled — Éléments E activés / désactivés

input:enabled { background: #FFF; }
input:disabled { background: grey; }

• E:checked — Éléments E cochés

input[type="checkbox"]:checked { background: green; }