はてダのスタイルシートカスタマについて、教えて下さい。

http://d.hatena.ne.jp/YOW/20071120 にあるソースについて、以下のように書き換えてください。

以下のソースに書かれていないセレクタ（設定）は無意味なので削除して構いません。

a:link {
  color: #333; word-break: break-all;
}

div.section a:link {
  border-bottom: 1px solid #cfcfe1;
}

/*==フォトライフの画像== */
div.section a.hatena-fotolife { border: none; }

/*== 画像によるリンクの際の枠線を消す==*/
img { border: 0; }

/*== はまぞうリンク ==*/
div.hatena-asin-detail { border-left: 4px double #cfcfe1; }

div.section a.asin { border: 0; }
div.hatena-asin-detail a { border: 0; }
div.hatena-asin-detail div a:link {
  border-bottom: 1px solid #cfcfe1;
}

フォトライフの画像のリンクは、a.hatena-fotolifeの中にimg.hatena-fotolifeが含まれているため、「img.hatena-fotolife a」とセレクタを指定しても意味がありません。また、単純に「a.hatena-fotolife { border: none; }」とするだけではうまくいきません。これは「a.hatena-fotolife」より「div.section a:link」の方がセレクタの記述が詳細とみなされ、より詳細なセレクタの設定を優先するというCSSの規則があるためです。なので「div.section a.hatena-fotolife」というセレクタを使用しています（「:link」と「.foo」は後者の方が詳細とみなされます。詳しくは「CSS 詳細度」で検索）。

はまぞうのイメージ表示については同様に「div.section a.asin」とすればよいのですが、詳細表示の場合は画像リンクにクラスが設定されていないので、ちょっと面倒なことをしています。最後の「border-bottom」はテキストリンクに表示させたいボーダーを設定してください。