CSS not() – What?

Stellt Euch vor ihr möchtet eine CSS Property einem ganzen container zuweisen außer einem einzigen element nicht. Ihr könnt es jetzt schön manuel machen oder dem parent Element die Property zweusen aber im Selector die Pseudoklasse :not(‘selector’) noch verwenden. Somit erben alle Kinder bis auf das eine welches man aus seinem “Erbe” 😉 ausgetragen hat. Das schwarze Schaf der Familie halt.

.container {
  border: 1px solid #333;
}
.container>*:not(img) {
  opacity: 0.2;
}

<div class="container">
  <h2>About</h2>

  <p>Lorem ipsum ...</p>

  <img class="about-img" src="https://via.placeholder.com/500" alt="Home" />
</div>