Telebort | Learning to code made fun!

Activity 04: CSS Selectors - Solution

Overview

This is the instructor solution for Activity 04: CSS Selectors.

What This Solution Contains

index.html - HTML with various elements for selector practice
style.css - Stylesheet demonstrating selector types

Key Learning Points Demonstrated

Element selectors (h1, p, div)
Class selectors (.classname)
ID selectors (#idname)
Descendant selectors (div p)
Selector specificity and cascade

Files

File	Description
`index.html`	HTML with classes and IDs
`style.css`	CSS with various selector types

Running the Solution

bash

# Open directly in browser
open index.html

Selector Types Demonstrated

Universal selector (*)
Type/element selectors
Class selectors (reusable)
ID selectors (unique)
Combinators (descendant, child)

W1: Front-end Design & User Experience Activity 04 - Instructor Solution