.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;

}