「titleの値が”タイトル”から始まる場合」のスタイルを指定する方法

Yukimi Sato 173views 更新:2014年4月23日
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で分岐させていたことも、これを使えば「商品名:~」などで振り分けることができ、
無駄なクラス指定を減らすことができます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません