如何通过css样式隐藏元素答案

【问题标题】：how to hide element through the css style如何通过css样式隐藏元素
【发布时间】：2018-11-03 15:06:19
【问题描述】：

我刚开始编程，我尝试用 css 隐藏元素，但在移动端工作

元素：

html：

风格：

我必须在样式中写什么来隐藏该元素？

【问题讨论】：

你要隐藏哪个元素
在第一个（元素）图像中我必须隐藏它
欢迎来到 Stack Overflow！寻求代码帮助的问题必须包括在问题本身最好在Stack Snippet 中重现它所需的最短代码。请参阅How to create a Minimal, Complete, and Verifiable example - 代码图像不是合适的替代品。
是 .ltr-direction { display: none} 不适合您或您使用的图像类是什么

【解决方案1】：

对整个班级使用display: none 属性。

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

【讨论】：

【解决方案2】：

有几种方法可以使用 CSS 隐藏元素。其中之一是使用display: none;

由于您没有提及其他 HTML 元素是否使用与您的元素相同的类，因此最好的办法是提供针对元素 id 的 CSS 规则。在这种情况下，id 似乎是tawkchat-minified-wrapper。 id 的 CSS 选择器是 #。

所以你的 CSS 规则是：

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

请注意，如果没有完整的 HTML，很难知道这是否是正确的目标 DOM 元素，因为从您的屏幕截图来看，它似乎也可能是其父元素，id 为 tawkchat-minified-box。如果您提供更多的 HTML，也许这会很明显。

【讨论】：

【解决方案3】：

将display: none 与媒体查询一起使用以在移动视图中显示，您可以定义max-width 要在哪里显示您的div。

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

【讨论】：

【解决方案4】：

您可以简单地使用display: none 隐藏它，但如果您共享更多代码行，它会更容易理解。

由于 ID 被认为是唯一的，在您的情况下，您应该将其用于隐藏目的。希望以下代码对您有所帮助：

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

【讨论】：