UserCSS:キーワード応じてページリストの背景色を変更する
style.css :root {
--accent-color: GreenYellow; /* 強調色 */
}stylexx.css/* 先頭 */
.grid li.page-list-item > a[href^="/suto3/UserCSS"] > .content {
background-color: var(--accent-color, GreenYellow) ;
}
.grid li.page-list-item > a[href^="/suto3/UserScript"] > .content {
background-color: var(--accent-color, GreenYellow) ;
}
.grid li.page-list-item > a[href^="/suto3/Scrapbox"] > .content {
background-color: var(--accent-color, GreenYellow) ;
}stylexx.css/* 末尾 */
.grid li.page-list-item > a[href$="%E3%81%99%E3%82%8B"] > .content {
background-color: var(--accent-color, GreenYellow) ;
}部分一致、ページタイトル中に特定のキーワードが含まれる
stylexx.css/* 部分一致 */
.grid li.page-list-item > a[href*="User"] > .content {
background-color: var(--accent-color, GreenYellow) ;
}
style.css.grid li.page-list-item > a[href*="2021"] > .content {
/*background-color: var(--accent-color, GreenYellow) ;*/
opacity:0.3;
}stylexx.css.grid li.page-list-item a:visited .title {
opacity:0.3;
}