При добавлении CSS к голове, я получаю ошибку. Как исправить

Question

Я пытаюсь добавить этот стиль в заголовок

tbody{grid-column:1 / -1}
caption{grid-column:1 / -1}
tr{grid-column:1 / 2}

Стиль CSS не загружается, когда я пытаюсь внедрить его в голову, я уверен, что что-то не правильно размечено в моем jQuery

jQuery('head').append('<style>#calendar tbody{grid-column:1 / -1}#calendar caption{grid-column:1 / -1}#calendar tr{grid-column:1 / 2}</style>');