Group session July 1st

Introduction

You have to “select” the things you’ll be working with. Just like anything in life. Picking up a book to read? Choosing a type of coffee? It’s fun.

If CSS makes you want to pee your pants a little – just pretend it’s JavaScript. (you’llll select things the same way in both!) (mostly) (so start now!)

Writing the HTML to get ready

You can follow along and practice, or skip to the CSS selectors in the next video.

Basic selectors

Type selectors

This selects base on the type of element.

MDN, W3C

Universal selector

This selects all of the elements. It can be used in conjunction with any selector building technique.

MDN, W3C

Selector lists

You can target many different things by creating a rule that targets many selectors. You just have to pop a comma in between them to create a list. Just don’t leave a trailing comma or it won’t work : /

MDN, W3C

Descendant combinator

These allow you to scope your rules to particular parts of the document.

MDN, W3C

Combining things

All of these selectors and combinators work together. As long as you follow their rules, they’ll do their job. Get weird and try LOTS of things.

Group session July 1st