Как очистить типы и свойства мультимедиа CSS?

Question

Сейчас у меня есть этот код в моем HTML-документа:

<style type="text/css"> 
    @media handheld 
    { 
     footer{ 
      padding: 5% 0; 
     } 
     footer h6{ 
      font-size:.4em; 
     } 
    } 
    @media screen and (max-device-width: 900px) 
    { 
     footer{ 
      padding: 5% 0; 
     } 
     footer h6{ 
      font-size:.4em; 
     } 
    } 
    @media screen and (max-width: 320px) 
    { 
     footer{ 
      padding: 5% 0; 
     } 
     footer h6{ 
      font-size:.4em; 
     } 
    } 
    @media screen and (-webkit-device-pixel-ratio: 1.5) 
    { 
     footer{ 
      padding: 5% 0; 
     } 
     footer h6{ 
      font-size:.4em; 
     } 
    } 
</style> 

Как вы можете видеть из этого кода, я хочу, чтобы применить те же два свойства одних и тех же двух элементов для каждого из этих условий СМИ. Мне было интересно, есть ли лучший способ сделать это - без привязки к внешнему документу CSS. Благодаря!

Answer 1

Прочитано this. Commas действуют как операторы OR.

@media screen and (max-width: 320px), (max-device-width: 900px)