loading...

Cheatsheet for CSS Selector

ssmak profile image Steve Mak Updated on ・1 min read

[target]

Selects all elements with a target attribute.

[target=_blank]

Selects all elements with target="_blank".

[title~=flower]

Selects all elements with a title attribute containing the word "flower".

[lang|=en]

Selects all elements with a lang attribute value starting with "en".

[href^="https"]

Selects all elements whose href attribute value begins with "https".

[href$=".pdf"]

Selects all elements whose href attribute value ends with ".pdf".

[href*="w3schools"]

Selects all elements whose href attribute value contains the substring "w3schools".

Discussion

pic
Editor guide