☺️

はてなブックマークエントリー一覧を個人的に快適にするカスタムCSS

2025/07/28に公開

よくはてなブックマークのエントリー一覧を見ます。最近はネガティブな雰囲気を感じるタイトルのエントリーをわざわざ見に行って、ひたすらモヤモヤした気分になるということを繰り返しがちだったので、カスタムCSSを導入して未然に防ぐことにします。
主に、何にクリックの手が吸い寄せられるかってのを考えて、ひとまずこれを非表示にすれば、はてなブックマークに入り浸る時間が減るだろうと考えました。その一覧です。
何人がブックマークしたのかのリンク（ブックマークした人たちのコメント一覧ページに遷移する）
特定サイトのリンクを含むエントリー

 導入したカスタムCSS※StylusというChrome拡張を利用する前提です。
.entrylist-item > li:has(a[href*="togetter"]),
.entrylist-item > li:has(a[href*="posfie"]),
.entrylist-item > li:has(a[href*="anond.hatelabo.jp"]) {
    display: none;
}
.entrylist-header:has(a[href*="togetter"]),
.entrylist-header:has(a[href*="posfie"]),
.entrylist-header:has(a[href*="anond.hatelabo.jp"]) {
    display: none;
}
.entrylist-contents-users {
    display: none;
}
.entrylist-contents-main {
    padding: 0;
}
おわり

導入したカスタムCSS

Discussion