如何正確加入一些媒體查詢

Question

我有一種情況，我決定使用media queries。 的html代碼：

... 
    <span class="logotext-n">n</span> 

    . 
    . 

    <span class="logotext-u">u</span> 
... 

Css實現：

... 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
     .logotext-n { 
      color: #f1ecd6;  
      font-family: "arial black", sans-serif; 
      font-weight: 900; 
      font-size: 210px; 
      text-transform: lowercase; 
      letter-spacing: -18px; 
       } 
} 

     . 
     . 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
     .logotext-u { 
      color: #f1ecd6;  
      font-family: "arial black", sans-serif; 
      font-weight: 900; 
      font-size: 210px; 
      text-transform: lowercase; 
      letter-spacing: 0; 
       } 
} 
... 

在這一點上，我想知道，是否有可能加入使用單一@media screen這些css屬性？由於

Answer 1

肯定的，只是把它一起

@media screen and (-webkit-min-device-pixel-ratio:0) { 
     .logotext-n { 
      color: #f1ecd6;  
      font-family: "arial black", sans-serif; 
      font-weight: 900; 
      font-size: 210px; 
      text-transform: lowercase; 
      letter-spacing: -18px; 
     } 

     .logotext-u { 
      color: #f1ecd6;  
      font-family: "arial black", sans-serif; 
      font-weight: 900; 
      font-size: 210px; 
      text-transform: lowercase; 
      letter-spacing: 0; 
     } 
} 

     . 
     .