Как скрыть такие элементы в css?

Question

[Евгений М]

Добрый день. Есть элемент такого типа, который я скрываю так:

#element-select-0 option:nth-child(1) {display: none;}

Но этому элементу может рандомно присвоиться другое значение, например
#element-select-1
#element-select-2

Как скрыть такие элементы, например со значением от 1 до 50 ?
Не прописывая 50 строчек кода

Answer 1

[ⓒⓢⓢ]

Описание вопроса получилось какое-то неоднозначное, но посоветую в стилях оперировать классами и сделать что-нибудь такое:

.element-select.element-select--hide option:nth-child(1) { display: none; }

Answer 2

[Антон]

[id^="element-select"] {}

Comments

[Евгений М]

к сожалению не работает

[Антон]

3vgeny, Значит делаете что-то не так
https://jsfiddle.net/qxrwLs2k/

[zoozag]

3vgeny, Работает https://jsfiddle.net/jqob5m1c/
Но ответ с классами предпочтительней.

[Евгений М]

Антон, извиняюсь, работает, благодарю!
Забыл просто сверху кое что подправить чтоб работало