如何正确加入几个Media query

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;
      }
}

        .
        .

如何正确加入几个Media query

How to properly join a few Media queries

css

media-queries