Attribute selectors are a particularly helpful subset of CSS selectors. They allow us to specify an element by one of its HTML attributes, such as a link's
title attribute or an image's
alt attribute. For example, to select all images that have an
alt attribute, we write the following:
Attribute selectors accept a wildcard syntax inspired by regular expressions for identifying the value at the beginning (
^) or end (
$) of a string. They can also take an asterisk (
*) to indicate the value at an arbitrary position within a string or an
exclamation mark (
!) to indicate a negated value.
Let's say we want to have different styles for different types of links. We first define the styles in our stylesheet: ...