DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Steve Mak
Steve Mak

Posted on • Updated on

CSS Selector

[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".

Top comments (0)

Join us at DEV
Yes, this is technically an β€œad”, but really we just want to ask if you want to join DEV. We have 900k+ developers reading, posting, and enjoying community, and would love to have you. Β  Create an account and continue your coding journey.