ページ毎に異なるCSSを適用させる
特定のページにのみ適用されるCSS
難しいな...
特定の行でだけ使える文字装飾記法を参考にして
code:style.css
body:has(#L63b24ecfde12ec001d2a6683) .user-flag{
color:transparent;
}
みたいな感じにはできるが(タイトル行のIDを取った)wogikaze.icon
https://gyazo.com/e7a04f0dfde271212bc3b11b83ea8be0https://gyazo.com/a2a1facdf5d5c91b2958481c50f0033f
[📖🟦] [📖🟥]
code:style.css
/* 📖🟦 */
body:has(.page-linkhref="/villagepump/%F0%9F%93%96%F0%9F%9F%A6") .page{
background-color: #5e8af7;
}
/* 📖🟥 */
body:has(.page-linkhref="/villagepump/%F0%9F%93%96%F0%9F%9F%A5") .page{
background-color: #fd7373;
}
:has()の中身をリンクにするともうちょっとカジュアルに？nomadoor.icon
https://gyazo.com/bee506815309815e4feea20cb79336a1
code:style.css
body:has(.page-linkhref="/villagepump/%F0%9F%93%96%F0%9F%9F%A5") #app-container:has(.page-linkhref="/villagepump/%F0%9F%93%96%F0%9F%9F%A5") .page{
background-color: #ce5ef7;
}
📖🟦&📖🟥も一応…