HTML and CSS Reference
In-Depth Information
It's important to have at least a basic understanding of how specificity works,
but tools like
Firebug
are useful to let us know which selector is being
applied to a particular element by listing all the CSS selectors in order of
their specificity when you are inspecting an element.
Firebug lets you easily see which selector is being applied to an element.
1. Aribute selectors
Attribute selectors let you target an element based on its attributes. You can
specify the element's attribute only, so all the elements that
have
that
attribute — whatever the value — within the HTML will be targeted, or be
more specific and target elements that have particular values on their
attributes — and this is where attribute selectors show their power.
There are 6 di
"
erent types of attribute selectors:
•
[att=value]
The attribute has to have the exact value specified.
