Как задать стиль группе ID

Сообщение **Esox** » 06 мар 2021, 15:15

Добрый день.
Помогите решить задачу.
У меня есть несколько десятков ID которым нужно задать высоту.
По логике, эти элементы должны быть классами, но программа делает их ID-шниками
Также в программе можно работать с классами, я попробую то сделать, но сначала хотел бы узнать можно ли этим ID задать высоту не прописывая каждый их них? Если каждому индивидуально прописать высоту, то получается очень трудоемко. Но самая большая проблема в том, что если появляется еще какой-то элемент, но нумерация ID смещается.
Спасибо.

Сообщение **spoon** » 06 мар 2021, 17:15

Если у вас ID имеют похожее начало, например так wb_indexLayer10, wb_indexLayer11...wb_indexLayer99
то можно задать селектор

Код: Выделить всё

[id^='wb_indexLayer']{
height: 100px;
}

Поиск по селекторам позволяет искать элементы по началу, концу, содержанию и т.д.

Сообщение **Esox** » 06 мар 2021, 17:45

Spoon
Спасибо огромное.
Выручили.

Сообщение **spoon** » 06 мар 2021, 17:53

Сообщение **Esox** » 12 мар 2021, 02:24

Spoon, скажите а если id только заканчиваются одинаково?

Вот пример:
Card4-card-item2
Card17-card-item2
Card20-card-item2
Card28-card-item2

и т.д.
Как быть в этом случае?

Сообщение **spoon** » 12 мар 2021, 07:12

Ну судя по примеру они и начинаются одинаково Card?

Сообщение **Esox** » 12 мар 2021, 08:11

Да, они начинаются с Сard, но есть и другие которые начинаются тоже с Card. Другие править.

Сообщение **spoon** » 12 мар 2021, 10:57

Найдите про селектор css, там разные варианты поиска есть.

Сообщение **Esox** » 12 мар 2021, 19:24

spoon, огромное спасибо.

Может кому понадобится.
div[id*="card-item2"]
{
height: 250px;
}

Данный стиль позволяет выбрать все, что заканчивается на card-item2

Сообщение **spoon** » 12 мар 2021, 19:27

Esox, это азы)), может понадобится только тем кто только начинает

Кто сейчас на конференции

Добро пожаловать на форум!