Uporaba CSS pseudo-class-a :not je lahko izredno uporabna. Omogoča nam namreč ciljanje elementov na podlagi elementov, ki jih ne vsebujejo. Ravno ta funkcionalnost pa nam omogoča manj programiranja oz. dodatnih pravil, ki v določenih primerih prepišejo stare.
Primer takšne uporabe so seznami:
/* Brez :not */
li { border-bottom: 1px solid #000; }
li:last-child { border-bottom: none; }
/* Z :not */
li:not(:last-child) { border-bottom: 1px solid #000; }
Nekaj splošnih navodil o uporabi :not:
- Ne uporabljajte jih z ID-ji, primer :not(#navigacija).
- Omejite jih na generične elemente, primer p:not(.vsebina).
- Uporabite jih na začetku CSS pravil, tako da jih lahko kasneje prepišete brez težav.