Css 为什么儿童选择器>；无法在sass中处理媒体查询？

假设在某种情况下，我需要css中的子选择器，因此我将使用scss，如下所示：

#bslider {
     > img {
           display: block;
        }
     > #slide {
        .carousel-inner {
            perspective: 1000;
        }

    }
}

因此

子选择器在SCS中工作良好。但是现在考虑一下如果我也需要媒体查询，我会这样做：

#bslider {
     > img {
           display: block;
        }
     > @media only screen {
        .carousel-inner {
            perspective: 1000;
        }

    }
}

但由于媒体查询，它给出了错误。为什么我不能在

@media

规则之前使用

正如建议的那样，我应该在id、类或标记用作选择器之前使用

。但我必须将其添加到所有选择器中，以实现以下目标：

#bslider {

    > img {
      display: block;
    }
      @media only screen > {
         .carousel-inner {
            perspective: 1000;
        }
        .img {
          display: inline;
        }

        .img2 {
          display: inline-block;
        }


    }
}

在

媒体

之前不能使用

的原因是

是选择器的一部分，而

媒体

不是选择器，而是根据格式/分辨率等显示样式的条件

编辑：

您可以使用其他选择器包装媒体查询，但不要忘记将其添加到html中

  #bslider {
     > img {
       display: block;
     }
     > .myContainer{
         @media only screen {
            .carousel-inner {
                perspective: 1000;
            }
         }
      }
   }

在

媒体

之前不能使用

的原因是

是选择器的一部分，而

媒体

不是选择器，而是根据格式/分辨率等显示样式的条件

编辑：

您可以使用其他选择器包装媒体查询，但不要忘记将其添加到html中

  #bslider {
     > img {
       display: block;
     }
     > .myContainer{
         @media only screen {
            .carousel-inner {
                perspective: 1000;
            }
         }
      }
   }

---

媒体查询不是选择器，因为它没有意义。媒体查询不是选择器，因为它没有意义。这个解决方案对我来说有点不方便。让我解释一下我想要什么。为你添加了一个片段，不知道你是否可以这样做？别忘了接受答案。这个解决方案对我来说有点不方便。让我解释一下我想要什么。为你添加了一个片段，不知道你是否可以这样做？别忘了接受答案