CSSのIDセレクタについて

CSSで下記のように設定した際に一覧表示(カレンダー形式)で反映されません。
CSSではIDセレクタ指定できないのでしょうか。

#2019-08-12-calendar-gaia {
background: rgb(250, 220, 233);
}

既に投稿済み(見落とし)の場合はご容赦ください。
よろしくお願いいたします。

Kub さん

ID が数字なので、エスケープしてあげる必要があるようです。

以下のように指定してみてどうか、お試しください。

#\32\30\31\39-08-12-calendar-gaia {
background-color: rgb(0,0,255);
}

※ 先頭の単語だけ UTF8形式に変換してあげると問題なさそうです。

文系男さん

早速ご回答いただきありがとうございました。

いただいた情報でうまくいきました!(CSSのお作法的なものなのですね…)

 

Kub さん

 

お役に立てたようでよかったです!^^

 

要素のIDには先頭に記号、数字は使わないようにしましょうね、というのが一般的な考えだと思うので、

どちらかという kintone の要素の構成がいかがなものかと思いますが、仕方がないこともあると思います。

(私も過去に PHP で簡単なシステムを作った際、要素の ID が数値になっていた記憶があります。。。w)