MudGuard: CSS-Rätsel zum Wochenende

Beitrag lesen

Hi,

p.foo:not(#baz) {
  color: yellow;
}

p.foo:not(.bar) {
  color: blue;
}

p.foo:not(p#foo) {
  color: magenta;
}

p.foo {
  color: green;
}

.foo {
  color: red;
}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Bar</title>
  </head>
  <body>  
    <p class="foo">A</p>
  </body>
</html>

Die im Browser eingestellte Default-Schriftfarbe.

Begründung: ins gezeigte HTML-Dokument wird kein Stylesheet eingebunden.

cu,
Andreas a/k/a MudGuard