Skip to Content

A stick figure smiling

Here's a preview from my zine, Hell Yes! CSS!! If you want to see more comics like this, sign up for my saturday comics newsletter or browse more comics!

Image of a comic. To read the full HTML alt text, click "read the transcript".

browse more comics! get the zine!
read the transcript!

panel 1

Illustration of a smiling stick figure with curly hair.

person: now that we have the right attitude, let’s move on to how CSS actually works!


matches div elements


# matches elements by id
<div id="welcome">


matches elements by class
<a class="button">

div .button

match every .button element that’s a descendent of a div


match divs with class “button
<div class="button">

div > .button

match every .button element that’s a direct child of a div

.button, #welcome

matches both button and #welcome elements


match a elements with a href attribute starting with http


matches a elements that the cursor is hovering over


matches if a checkbox or radio button is checked


match every other child of a parent element

Saturday Morning Comics!

Want another comic like this in your email every Saturday? Sign up here!

I'll send you one of my favourite comics from my archives every Saturday.
© Julia Evans 2024 | All rights reserved (see the FAQ for notes about licensing)