Вопрос Как изменить один элемент css если он имеет одинаковый класс с другим элементом и они меняются оба?

[maksik2013]

Как изменить один элемент css если он имеет одинаковый класс с другим элементом и они меняются оба?

 

[DLwors2]

добавь ему дополнительный класс, сделай селектор более специфичным.

 

[DIS]

Использовать селектор id

 

[EWFEREE]

Хз

 

[gg36]

Сначала ответить (для себя) на вопрос, зачем тебе один и тот же класс двум элементам, которые должны иметь разное оформление.

 

[Legion4ik]

Нужно уточнить селектор CSS.
Например, использовать вложенные селекторы:
Первый текст
Второй текст
.parent .text:nth-child(2) { /* Выбираем второй элемент с классом "text" внутри элемента с классом "parent" */
color: red;
} Или использовать ID: Второй текст #special-text {
color: red;
} Можно так же использовать более специфичный селектор класса: Второй текст А можно использовать псевдоклассы :nth-child(), :first-child, :last-child: .text:first-child { /* Выбираем первый элемент с классом "text" */
color: red;
} Или вообще атрибуты данных: Первый текст
Второй текст .text[data-id="2"] {
color: red;
} Кста, чем специфичнее селектор, тем выше его приоритет, и лучше не используй слишком много сложных селекторов, незачем излишне усложнять код.
P.S. Я разделил код на два блока (HTML и CSS) для лучшей читаемости и наглядности.