Skip to content

Instantly share code, notes, and snippets.

@phyesix

phyesix/Seven different types of CSS attribute selectors

Created March 22, 2020 18:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save phyesix/cd79181258491b888dc0061b13b643c5 to your computer and use it in GitHub Desktop.
Save phyesix/cd79181258491b888dc0061b13b643c5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Seven different types of CSS attribute selectors
Seven different types of CSS attribute selectors
// This attribute exists on the element
[value]
// This attribute has a specific value of cool
[value='cool']
// This attribute value contains the word cool somewhere in it
[value*='cool']
// This attribute value contains the word cool in a space-separated list
[value~='cool']
// This attribute value starts with the word cool
[value^='cool']
// This attribute value starts with cool in a dash-separated list
[value|='cool']
// This attribute value ends with the word cool
[value$='cool']
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment