ℹ️ Knowing these will be enough for 99% of use cases
#container
→ everything with (attribute) idcontainer
.blue
→ everything with (attribute) classblue
.blue.big
→ everything with (attribute) classblue
andbig
button.primary
→button
s with (attribute) classprimary
.sidebar button
→ inside.sidebar
,button
sinput[type=text]
→input
s with attributetype
of valuetext
input[type=text]:first
→ above, but just firstinput[type=text]:eq(0)
→ same as aboveinput[required]
→input
s with attributerequired
(of any value)a[href^="https"]
→a
s with attributehref
starting withhttps
a[href*="kiwi.com"]
→a
s with attributehref
containingkiwi.com
img[src$=".gif"]
→img
s with attributesrc
ending with.gif
input:not(.touched)
→input
s except those with (attribute) classtouched
input:not([required])
→input
s except those with attributerequired
(of any value)