@media not all {
  div {
    color: blue;
  }
}

@media all {
  div {
    color: red;
  }
}

div {
  width: 20px;
  height: 20px;
  background-color: ghostwhite;
}

@media (max-width: 400px) {
  div {
    color: green;
  }
}

@media (min-height: 200px) and (max-height: 250px) {
  div {
    color: orange;
  }
}