fredag den 19. september 2014

CSS selector der IKKE indholder noget specifikt

Hvis du gerne vil lave en generel selector der ramme alle <LI> tags, men IKKE dem der indholder attributten "sort" på sig.
Så kan du lave en meget effektiv og simpel css selector:

li:not([sort])

[sort] er det der fortæller den skal have attributten sort på sig,
:not( ) er det der fortæller at den IKKE må have sort attributten
li er den der fortæller det er et <LI> tag.

Så den rammer <LI> tags, der IKKE indholder attributten sort.

Se følgende eksempel
<ul>
  <li>
  <li sort="1">
  <li>
  <li sort="2">
  <li>
</ul>

Hver anden vil blive ramt, men ikke dem der har sort attributten på sig.

Ingen kommentarer:

Send en kommentar

Kan du lide mit indlæg, har en kommentar, forslag eller andet på hjerte så skriv venligst