[CSS] flukeout.github.io

Level 1 plate

Level 2 bento

Level 3 #fancy (id selector)

Level 4 plate apple (A  B  Selects all B inside of A. B is called a descendant because it is inside of another element.)- Descendant Selector: Select an element inside another element

Level 5 #fancy pickle (Combine the Descendant & ID Selectors)

Level 6 .small (Class Selector)

Level 7 bento.small, plate.small (Combine the Class Selector)

Level 8 bento orange.small 

Level 9 plate, bento (Comma Combinator): A, B: Thanks to Shatner technology, this selects all A and B elements. You can combine any selectors this way, and you can specify more than two.

Level 10