はてなスターの画像をクラス毎に変更できるように機能拡張を行いました。
これまで、はてなスターの画像ファイルは、スタイルシートで以下のような設定をすることで可能でした。
.hatena-star-star-image { background-image: url(http://exapmle.com/star.gif); }
しかし、これまでの指定では、ページの中で場所に応じて画像を変更することなどはできませんでした。今回の変更では、CSSのセレクタを利用することで、以下のような設定が可能となっています。
.hatena-star-star-image { background-image: url(http://exapmle.com/star.gif); } div.red .hatena-star-star-image { background-image: url(http://exapmle.com/star_red.gif); }