Learning jQuery 3 - Fifth Edition

Styling links

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:

a {   color: #00c;  } a.mailto {   background: url(images/email.png) no-repeat right top;   padding-right: 18px; } a.pdflink {   background: url(images/pdf.png) no-repeat right top;   padding-right: 18px; } a.henrylink {   background-color: #fff;   padding: 2px;   border: 1px solid #000; } 

Then, we add the three classes-- ...