a[title]{ color:red; } a[title="タイトルは斜体です"]{ font-style:italic; } a[title^="タイトル"]{ font-weight:bold; }
<p><a href="#">タイトルが設定されていないHTML</a></p> <p><a href="#" title="タイトル">タイトルが設定されているHTML</a></p> <p><a href="#" title="タイトルは斜体です">タイトルが「タイトルは斜体です」と設定されているHTML</a></p>
「a[title^=”タイトル”]」で「titleの値が”タイトル”から始まる場合」のスタイルを指定することができます。
classやjsで分岐させていたことも、これを使えば「商品名:~」などで振り分けることができ、
無駄なクラス指定を減らすことができます。