Try it Live

​x
 
<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <style>
   p {
    padding:10px;
    border:5px solid Crimson;
    font-size:2em;
    font-family:Trebuchet MS;
   }
   @media screen and (max-width: 600px) {
    #simple {
     text-shadow: 2px 4px 3px grey;
     border-radius: 22px;
    }
​
   @media not screen and (max-width: 600px) {   
    #not {
     text-shadow: 2px 4px 3px grey;
     border-radius: 22px;
    }
    
   }
  </style>
 </head>
 <body>
   <h2>Keep on resizing the browser window size</h2>
   <p id="simple">without "not" operator, this paragraph
      will look like this</p>     
   <p id="not">with "not" operator, this paragraph
      will look like this</p>     
 </body>
</html>
​