隐藏/显示 带有媒体查询

Question

我已经编码了一个站点，但是我有一个问题-我在同一div中有2个不同的段落，但是其中一个仅在屏幕为600或更高时才显示。可以这样吗？还是应该将我的

放在第一个的第二个里面的辅助文件中

 <span class="me-square">
            <div class="me-wrapper">
                <h3>ABOUT ME</h3>
                <p>My name is Katrine, but my friends call me Mira. I’m 20 years old and I live in Denmark. 
                <p id="me-2ndtext">I want this text to only show when the screen is 600 or over</p>
    </div></span>

CSS

#me-2ndtext{
    display: none;
} 

@media screen and (min-width: 601px) {
  div#me-2ndtext {
    display: block;
  }
}

Answer 1

我会这样

@media screen and (max-width: 601px) {
#me-2ndtext {
display: none;
}
}