CSS3 Attribute Selector: Targeting the File Type  By . Filed in
Web Design  The attribute selectors is a really useful feature
to select an element without adding superfluous id or classes.
As long as the targeted element has an attribute like href, src
and type we don’t have to do so.  The attribute selectors
actually have been around since CSS 2.1, and now with a few more
types of attribute selectors added in the CSS3 specifications,
we are able to target the element’s attribute even more
specifically.  And, in this post, we are going to use one of the
syntax to select the file type that is inserted as part of the
attribute’s value.  The Syntax and Browser Support  The file
type is always at the end of the file name. So, to select that
file type we can use the following syntax [attr$="value"]. This
syntax uses the $= operator that will target the end of the
attribute value, for example:          background:
url('../images/document-pdf-text.png') no-repeat;  The snippet
above will select every link that the attribu