WDD 230: Web Frontend Development I

CSS Combinators

Overview

Sometimes, it is useful in CSS to be able to select very specific elements or groups of elements from a document without defining and applying another class. We can combine selectors in useful ways to get descendants, child, adjacent siblings, and general siblings (all the next siblings).

"They are called combinators, because they combine other selectors in a way that gives them a useful relationship to each other and the location of content in the document." - MDN

Prepare

Activity Instructions

  1. Complete the four combinator exercises from w3schools.com.
  2. Take a screenshot of your completed exercises from the website and save the file it to your "week04" images folder.
Screenshot of finished combinator exercises from w3schools.com
Figure 1: Example Screenshot

Submission

  1. Update your home portal page with a link to a screenshot of your w3schools.com combinator exercise.
  2. Commit and post your updates to your wdd230 GitHub Pages repository.