main content a box, main content a supplemtal text b sidebar, supplemtal text b main content a sidebar { border: solid; }

supplemtal text b sidebar { background: gray; }

/********/
mammal, human { blood: warm; }

mammal.furry.quadruped, human.furry.quadruped, dog.furry { fur: lots; legs: 4; }

human { says: "hello"; }

dog { says: "woof"; }

/********/
region.country inhabitant.mouse, region.country citizen.mouse, region.country tax-payer.mouse { eats: cheddar; }

region.city inhabitant.mouse, region.city region.country citizen.mouse, region.country region.city citizen.mouse, region.city tax-payer.mouse { eats: camembert; }

region.country citizen { ssn: 123 45 6789; }

region tax-payer { rate: 17%; }

/********/
foo, .a.bar, hux { color: red; }

.a.bar { background: gray; }

/********/
foo, .a.bar, hux { color: red; }

hux, .bar.a { background: blue; }