CSS: скрытие поля приводит к исчезновению другого поля

#css #google-chrome-extension

#css — код #google-chrome-extension

Вопрос:

Я работаю над расширением Chrome для редактирования некоторых текстовых полей, и я столкнулся с ошибкой: мне нужно просто скрыть это поле «Stato», поэтому я написал этот CSS-код.. введите описание изображения здесь

введите описание изображения здесь

И это работает, но оно также скрывает первое поле («Consulenti»), я понятия не имею, почему, поскольку они не используют один и тот же тестовый элемент данных или что-то в этом роде.

введите описание изображения здесь

У вас есть какие-либо идеи, почему это происходит? Заранее спасибо за внимание и ответы!

РЕДАКТИРОВАТЬ: вот код поля «Consulenti» (фиолетовое выделение присутствует, потому что есть активная функция, которая изменяет текст с «Agenti» на «Consulenti», но текст исчезает, даже если эта функция отключена, поэтому я не думаю, что это на что-то влияет)
введите описание изображения здесь

Ответ №1:

Вы пробовали использовать то же самое с идентификатором?

Комментарии:

1. Проблема в том, что идентификатор не является постоянным, он меняется время от времени при обновлении страницы

2. Можете ли вы также показать элемент Consulenti, как вы показали stato в debugger ?

3. Я добавил скриншот выше! @anurag-сангви

4. Я не знаю, правильное ли это решение, но не можете ли вы добавить аналогичную строку кода для Consulenti и установить display:block !важно; . Это был бы своего рода взлом, предполагающий, что он работает, я думаю.

Ответ №2:

 #ember1346{
display: none !important;
}
 

Вы пробовали делать это вот так?

Комментарии:

1. Да, но идентификатор время от времени меняется при обновлении страницы, поэтому я не могу использовать идентификатор :/

2. Хорошо. Давайте попробуем добавить класс ‘d-none’ в этот div и установить для отображения значение none в этом классе? Поможет ли это?