CSS Wildcard Selectors are represented by various symbols such as *,^, or $. These selectors are used to select multiple elements simultaneously for applying CSS.
The attribute * selector
The [attribute*="val"] selector is used to select the elements whose attribute value contains the string ‘val’
syntax
[attribute*="value"]{
//css property
}The attribute ^ selector
The [attribute^="val"] selector used to select those elements whose attribute starts with a specified value ‘val’
[attribute^="value"]{
//css property
}The attribute $ selector
The [attribute$="val"] selector is used to select those elements whose attribute values ends with a specified with value ‘val’
[attribute$="value"]{
//css property
}example
See the Pen wildcard css by Arpit (@soniarpit) on CodePen.
Previous: CSS Media Queries
Next: CSS Gradients
