Group two elements — practice exercise

What you'll be asked to do

1. 1.Group two elementsexercise · easy · 10 min

   Make both p and span red with one rule.

   Passes when: Make both p and span red with one rule.

2. 2.Group a class and an idexercise · easy · 10 min · practice plan

   Give .text and #one the same green colour.

   Passes when: Give .text and #one the same green colour.

3. 3.Group three selectorsexercise · easy · 10 min · practice plan

   Zero the margin on div, p and span.

   Passes when: Zero the margin on div, p and span.

4. 4.Group with a shared borderexercise · easy · 10 min · practice plan

   Give .card and .text a 2px solid border.

   Passes when: Give .card and .text a 2px solid border.

5. 5.Group then overrideexercise · medium · 10 min · practice plan

   Group both blue, then make the span red.

   Passes when: Group both blue, then make the span red.

6. 6.Fix the missing commabug fix · easy · 8 min

   Without a comma this becomes a descendant selector.

   Passes when: Without a comma this becomes a descendant selector.

7. 7.Fix the trailing commabug fix · easy · 8 min · practice plan

   A dangling comma makes the whole selector list invalid.

   Passes when: A dangling comma makes the whole selector list invalid.

8. 8.Fix the invalid memberbug fix · easy · 8 min · practice plan

   One bad selector in older engines can void the group — use valid ones.

   Passes when: One bad selector in older engines can void the group — use valid ones.

9. 9.Fix the duplicated rulesbug fix · easy · 8 min · practice plan

   Three separate rules should be one group.

   Passes when: Three separate rules should be one group.

10. 10.Fix the group that lost a memberbug fix · easy · 8 min · practice plan

    The span was dropped from the group.

    Passes when: The span was dropped from the group.

Between them these tasks cover Comma-separated selectors and Sharing declarations.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.