はてなﾌﾞﾛｸﾞのｺﾒﾝﾄ欄についてですが､できればほかのﾌﾞﾛｸﾞｻｰﾋﾞｽのように､自分のｺﾒﾝﾄの背景と､訪問者の背景を変えて､わかりやすくしたいと思っています｡ …

はてなﾌﾞﾛｸﾞのｺﾒﾝﾄ欄についてですが､できればほかのﾌﾞﾛｸﾞｻｰﾋﾞｽのように､自分のｺﾒﾝﾄの背景と､訪問者の背景を変えて､わかりやすくしたいと思っています｡
ですが､ｾﾚｸﾀをしみじみと調べてみても､自分のｺﾒﾝﾄと､訪問者のｺﾒﾝﾄのｾﾚｸﾀが違わないので､別々にするということは､CSSからでは､できそうにありません｡
javascriptの条件分岐などで､li内のaのhrefを指定するとかして､自分のほうを指定する方法が､あるのかもしれませんが､私の能力では､ちょっとそういうｺｰﾄﾞは書けそうにありません｡
どなたか､そういうｽﾊﾞらしいｺｰﾄﾞを作れる方に､助けていただけると､ありがたいのですが｡

こんな感じでいけると思います｡

$(function() {
 var myid = document.documentElement.dataset.author;
 $(".comment-user-id span[data-user-name=\"" + myid + "\"]").each(function() {
 this.parentNode.parentNode.parentNode.style.backgroundColor = "gray";
 });
});

背景色を "gray" にしてます｡

補足があったｻﾌﾞの方だと､ｺﾒﾝﾄの背景に白のﾚｰｽ模様の画像が指定されているので､左右の脇にしか背景色が反映されません｡
ﾚｰｽ模様の画像を残したいのであれば､色を変えた画像をもうひとつ用意して､以下のようにすれば良いと思います｡

$(function() {
 var myid = document.documentElement.dataset.author;
 $(".comment-user-id span[data-user-name=\"" + myid + "\"]").each(function() {
 this.parentNode.parentNode.parentNode.style.backgroundImage = "url(自分のｺﾒﾝﾄの背景画像のURL)";
 });
});

追記です｡
ｺﾒﾝﾄ欄が javascript で生成されるために､先に書いたｺｰﾄﾞではうまくいかなかったと思われます｡
ｺﾒﾝﾄ欄が生成されるﾀｲﾐﾝｸﾞを監視して背景のｲﾒｰｼﾞを変えるようにしてみました｡

$(function() {
 var MutationObserver = window.MutationObserver || window.WebkitMutationObserver;
 new MutationObserver(function (records) {
 records.forEach(function (record) {
 var myid = document.documentElement.dataset.author;
 $(".comment-user-id span[data-user-name=\"" + myid + "\"]", record.target).each(function() {
 this.parentNode.parentNode.parentNode.style.backgroundImage = "url(http://cdn-ak.f.st-hatena.com/images/fotolife/M/Michiko_70554148/20160117/20160117014850.png)";
 });
 });
 }).observe(document.body.querySelector(".comment-box > ul.comment"), {childList: true});
});