需要帮助指定要从移动视图中隐藏的列表

Question

我正在使用 Wordpress 并尝试在 Wordpress 网站的“附加 css”部分指定一个列表以从移动视图中隐藏。我附上了下面树的屏幕截图。 （这是 div id="footer-8" 下的列表）

到目前为止我使用的代码是，但它似乎没有做任何事情！

@media screen and (max-width: 600px) {
  #footer-shape-holder li.single-shape shape1 {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }

Answer 1

您有一个 ID 而不是 class，并且 .shape1 不是 .single-shape 的子项试试这个：

@media screen and (max-width: 600px) {
   .footer-shape-holder .single-shape.shape1 {
       display: none;
   }
}