.error,
.badError {
  border: 1px #f00;
  background: #fdd;
}
.error.intrusion,
.badError.intrusion {
  font-size: 1.3em;
  font-weight: bold;
}
.intrusion .error,
.intrusion .badError {
  display: none;
}
.badError {
  border-width: 3px;
}
.foo .bar,
.foo .baz,
.ext1 .ext2 .bar,
.ext1 .ext2 .baz,
.ext3 .bar,
.ext3 .baz,
.foo .ext3,
.ext4 .bar,
.ext4 .baz,
.foo .ext4 {
  display: none;
}
div.ext5,
.ext6 > .ext5,
div.ext7,
.ext6 > .ext7 {
  width: 100px;
}
.ext8.ext9,
.fuu {
  result: add-foo;
}
.ext8 .ext9,
.ext8 + .ext9,
.ext8 > .ext9,
.buu,
.zap,
.zoo {
  result: bar-matched;
}
.ext8.nomatch {
  result: none;
}
.ext8 .ext9,
.buu {
  result: match-nested-bar;
}
.ext8.ext9,
.fuu {
  result: match-nested-foo;
}
.aa,
.cc {
  color: black;
}
.aa .dd,
.aa .ee {
  background: red;
}
.bb,
.cc,
.ee,
.ff {
  background: red;
}
.bb .bb,
.ff .ff {
  color: black;
}