CSS Combinators - Activity

CSS Combinators start files

Instructions:

Using the files provided

  1. Give all descendant p elements of #div1 a black background color with white font.
  2. Give only child p elements of #div2 a cyan background with red font, exclude paragraphs in the span element.
  3. Give all general sibling p elements of #div1 a blue font.
  4. Give all adjacaent sibling p elements of #div2 a yellow background color.
  5. Give #div1 and #div2 a border without adding the border to all divs.
Check out the video below to see the solution in action: Solution Video