- target anchors with any titles attributes.
Link
<a title="some title" href="http://blog.circlecube.com/">Link</a>
a[title] { border-color:#0000FF; } (blue)
- target only anchors where the title attribute contains something exactly,
Link
<a title="Only" href="http://blog.circlecube.com/">Link</a>
a[title="Only"] { border-color:#FF0000; } (red)
- target instances where something comes at the beginning of the attribute,
Link
<a title="Supercalafragalisticexpialadosious" href="/">Link</a>
a[title^="Super"] { border-color:#00FF00; } (green)
- instances where something comes at the end of the attribute,
Link
<a title="Supercalafragalisticexpialadosious2" href="/">Link</a>
a[title$="Super"] { border-color:#FFFF00; }(yellow)
- or even titles which contain a certain word somewhere in the attribute.
Link
<a title="Supercalafragalisti3cexpialadosious" href="/">Link</a>
a[title*="i3c"] { border-color:#FF00FF; } (magenta)
- a space-separated list of "words", one of which is exactly x.
Link
<a title="this is my favorite link" href="/">Link</a>
a[title~="favorite"] { border-color:#9900FF; } (purple)
- a hyphen-separated list of "words", beginning with x.
Link
<a title="this-is-my-favorite-link" href="/">Link</a>
a[title|="this"] { border-color:#CCCCCC; } (gray)