как скрыть элемент через стиль CSS

Question

Я только начал программировать и пытался скрыть элемент с помощью css, но работал на мобильной стороне

элемент:

html:

стиль:

Что мне нужно написать в стиле, чтобы скрыть этот элемент?

Answer 1

Вы можете скрыть это, просто используя display: none Но это будет намного легче понять, если вы поделитесь большим количеством строк кода.

Поскольку ID считается уникальным, в вашем случае вы должны использовать его для сокрытия целей.Надеюсь, что следующий код поможет вам:

#tawkchat-minified-wrapper {display: none;}

Answer 2

Есть несколько способов скрыть элемент с помощью CSS.Одним из них является использование display: none;

Поскольку вы не упомянули, используют ли другие элементы HTML тот же класс, что и ваш элемент, лучше всего было бы предоставить правило CSS, предназначенное для идентификатора элемента.В этом случае кажется, что идентификатор tawkchat-minified-wrapper.CSS-селектор для идентификаторов: #.

Итак, ваше правило CSS будет:

#tawkchat-minified-wrapper {
    display: none;
}

Имейте в виду, что без полного HTML трудно понять, является ли это правильным DOMэлемент к цели, поскольку из вашего снимка экрана кажется, что он также может быть его родителем с идентификатором tawkchat-minified-box.Если вы предоставите больше HTML-кода, возможно, это будет очевидно.

Answer 3

Используйте display: none с медиа-запросом для отображения в мобильном представлении, вы можете определить max-width, где вы хотите показать свой div.

.ltr-direction{
  display:none;
}
@media (max-width: 575px) {
  .ltr-direction{
    display:block;
  }
}

Answer 4

Используйте свойство display: none для всего класса.

.bottom .right .round {
  display:none;
}