如何通过CSS样式隐藏元素

Question

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

元素：

HTML：

式：

我必须用什么风格来隐藏该元素？

Answer 1

将display: none属性用于整个班级。

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

Answer 2

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

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

所以你的CSS规则是：

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

请注意，如果没有完整的HTML，很难知道这是否是正确的DOM元素，因为从您的屏幕截图来看，它似乎也可能是其父ID，ID为{ {1}}。如果你提供更多的HTML，也许这很明显。

Answer 3

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

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

Answer 4

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

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

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