Thursday - Combinators

Today we're going to learn about using combinators in CSS. A combinator is a combination of selectors that allows us to apply styles selectively. This lesson is an extension of the pseudo-elements lesson we had a couple days ago. Instead of selecting just the first letter or the first line, we can use combinators to separate elements based on other criteria. I will demonstrate combinators such as div › p and div + p to show how those mathematical operators affect combined selectors. As with most things in computer code, syntax is very important!

In addition to my in-class demonstrations, you can check out the W3Schools tutorial on combinators to see how these are used.

As usual, before the end of the bell I expect you to spend at least 5 minutes working on improving your typing speed.