日報っぽいタイトルのページカードだけ違うCSSを割り当てる
日報のページだけ少しだけ探しやすくなるようにHeaderをいい感じの緑色に設定している
このプロジェクトの場合、日報のタイトルはYYYY.MM.DD
data-page-titleを使う
ある程度絞り込むために以下の条件付けをしている
202で始まる
YYYY.MM.DDの最初の三文字
そろそろ2030年代になるので203も含めても良い
0, 1, 2, 3, 4, 5, 6, 7, 8, 9のいずれかで終わる
これでYYYY.MM.DDの末尾のDDを検知している
これでダメそうだったら.01~.31に変更する
多分いらないと思うけど
.01., .02., .03., .04., .05., .06., .07., .08., .09., .10., .11., .12., のいずれかが含まれている
これで.MM.の部分を検知している
また、YYYY.MMのページと区別している
また、今後作るつもりのMM.DDのページとも区別できる
多分このぐらいで十分だと思うyozba.icon
code:style.css
.page-list-itemdata-page-title^="202":is(
data-page-title$="0",
data-page-title$="1",
data-page-title$="2",
data-page-title$="3",
data-page-title$="4",
data-page-title$="5",
data-page-title$="6",
data-page-title$="7",
data-page-title$="8",
data-page-title$="9"
):is(
data-page-title*=".01.",
data-page-title*=".02.",
data-page-title*=".03.",
data-page-title*=".04.",
data-page-title*=".05.",
data-page-title*=".06.",
data-page-title*=".07.",
data-page-title*=".08.",
data-page-title*=".09.",
data-page-title*=".10.",
data-page-title*=".11.",
data-page-title*=".12."
) a div.header{
border-color: red /*test*/
}