CSS pseudo-class :not in njegova uporaba

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.

Komentiraj


*