document.write('/*choose an element based on
');
document.write('whether it has an attribute.
');
document.write('in this case, we\'ll choose any
');
document.write('images with title attributes*/
');
document.write('img[title] {
');
document.write(' border: 5px solid red;
');
document.write('}
');
document.write('
');
document.write('/*choose an element based on
');
document.write('the value of the attribute.
');
document.write('Let\'s go for all submit buttons
');
document.write('on forms*/
');
document.write('input[type="submit"] {
');
document.write(' color: white;
');
document.write(' background: blue;
');
document.write('}
');
document.write('
');
document.write('/*choose an element based on
');
document.write('what the attribute value starts
');
document.write('with. In this example, grab
');
document.write('any links that start with "http://"
');
document.write('(usually links external to a site)*/
');
document.write('a[href|="http://"] {
');
document.write(' color: red;
');
document.write(' font-weight: bold;
');
document.write('}
');
document.write('
');
document.write('/*choose an element based on a
');
document.write('substring of the attrbute\'s value.
');
document.write('In this one, let\'s go for links with
');
document.write('the substring ".com" in them*/
');
document.write('a[href~=".com"] {
');
document.write(' color: green;
');
document.write('}
');
document.write('
');