CSS3の属性セレクタ

<a href="/" title="Lucky bag::blogのトップへ">トップ</a>

一番単純なのが、属性名を指定する方法です。下記は、 title 属性を持つ全ての a 要素に1pxのドットで下線を表示することができます。

a[title]{
        border-bottom: 1px dotted #666666;
}

次は、 title 属性の値が「Lucky bag::blogのトップへ」の場合のみ、指定する方法。

a[title="Lucky bag::blogのトップへ"]{
        border-bottom: 1px dotted #666666;
}

次からCSS3での指定方法。 title 属性の値が「Lucky」で始まる場合のみ、指定する方法。

a[title^="Lucky"]{
        border-bottom: 1px dotted #666666;
}

次は、 title 属性の値が「トップへ」で終わる場合のみ、指定する方法。

a[title$="トップへ"]{
        border-bottom: 1px dotted #666666;
}

次は、title属性の値内に「bag」が含まれる場合のみ、指定する方法。

a[title*="bag"]{
        border-bottom: 1px dotted #666666;
}

http://www.lucky-bag.com/archives/2005/02/css3.html