Formatere elementer som IKKE bruker en bestemt class – CSS :not()

Spørsmål:

Istedenfor å formatere alle elementer som bruker en bestemt class, er det mulig å formatere alle elementer som ikke bruker en bestemt class?

Svar:

Ja, dette kan du gjøre med :not().

Eksempel:

.section {
             width: 200px;
             height: 200px;
             border: solid 1px #333;
             border-radius: 4px;
         }    
div:not(.section1) {
        background-color: red;
    }

 <div class="section section1"></div>
 <div class="section section2"></div>
 <div class="section section1"></div>

I dette eksempelet vil div nr 2 (.section2) formateres, men ingen av elementene med class .section1.

:not() har i dag bred støtte.

Relaterte kurs

• Kurs i HTML og CSS