Twitter bootstrap 能否将一个媒体查询嵌套在另一个媒体查询中？

我有一个仅适用于safari的问题，仅当设备宽度为tablet或更低“最大宽度：1024px”时才会出现。是否可以将一个媒体查询嵌套在另一个媒体查询中

@media screen and (max-width:1024px){
     @media screen and (-webkit-min-device-pixel-ratio:0)
     { 
        /* Safari and Chrome */
        ul#squareImgUL{
            bottom: 10px;
        } 

        /* Safari only override */
        ::i-block-chrome,ul#squareImgUL{
            bottom: 0px !important;
        } 
    }
}

---

很遗憾，您不能嵌套媒体查询，但可以使用and运算符

@media screen and (max-width:1024px) and 
    (-webkit-min-device-pixel-ratio:0) {
...

---

不幸的是，你不能，但是把它们配对也很好

@media screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:0){

}

---

在使用“和”中添加最大宽度时，样式将停止工作@媒体屏幕和（最大宽度：1024px）和（-webkit最小设备像素比：0）{/*Safari和Chrome/ul#squarimgul{bottom:10px；}/Safari仅覆盖*/：：i-block-Chrome，ul#squarimgul{bottom 0px！重要；}不清楚你在说什么。请解释一下，我刚刚尝试使用“and”将两个媒体查询添加到一起，结果破坏了样式。出现了一个小问题@添加了两次媒体屏幕。我已经更新了代码。现在试试。你有太多的

和
，谢谢你修复了它！没问题@spidermann链接副本说您可以嵌套媒体查询，或者您的问题有什么不同？