Применить стиль к нужному div?

Question

[Константин]

Всем привет. Есть тело body у которого есть класс noselect. В теле есть куча div, мне нужно применить стиль к первому по порядку идущему div который каждый раз меняет свой id.
Пробовал разные варианты:
body div:nth-of-type(1) {}
.noselect div:first-child {}
Но стиль применяется ко всем div.
Вот скрин кода, извините что скрин, но так нагляднее выглядит.

Мне нужен первый div с id epom-pushdown-a7461b10. Первые два слова его id остаются неизменные, а третье каждый раз меняется, поэтому применить стиль по id не получается.

Answer 1

[Алексей]

Надо указать что это дочерний див
.noselect > div:first-child {}

Comments

[Константин]

Ваш вариант компактнее моего))

Answer 2

[Александр Булгаков]

div[id^="epom-pushdown"]

Answer 3

[Алексей Струков]

[id|="epom-pushdown"]

Answer 4

[Константин]

Всем Спасибо. Решение придумал такое
.noselect:first-of-type > div:nth-child(1) {}

Comments

[Ankhena]

Вы хорошо понимаете что написали?

.noselect:first-of-type

возьмет у своего родителя первый дочерний элемент такого же типа как и .noselect = у body родитель html, первый ребенок типа body это сам элемент body.

Вопрос: зачем эта галиматья? Причем не ясно зачем мы к body обращаемся по классу, если потом этой записью все равно обезличиваем его.

И :nth-child(1) все таки лучше заменить на first-child