Можете ли вы вложить медиа-запрос в другой медиа-запрос?

Question

У меня проблема только с сафари, которая появляется только тогда, когда ширина устройства составляет планшета или меньше «max-width: 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; 
     } 
    } 
} 

Answer 1

К сожалению, вы не можете, но спаривание их отлично работает слишком

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

} 

Answer 2

К сожалению, вы не можете вкладывать запросы средств массовой информации, но вы можете использовать и оператор

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