是否可以对媒体查询中的类使用继承？

@media screen and (max-width: 600px) {
  .container {
    width: 100%;
  }
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
  .container {
    width: 80%;
  }
}

@media screen and (min-width: 1201px) {
  .container {
    width: 60%;
  }
}

.container {
  width: 100%;
}

@media screen and (max-width: 600px) {
  .child {
    /* 继承.container的基础样式 */
    @extend .container;
    color: red;
  }
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
  .child {
    /* 继承.container的基础样式 */
    @extend .container;
    color: blue;
  }
}

@media screen and (min-width: 1201px) {
  .child {
    /* 继承.container的基础样式 */
    @extend .container;
    color: green;
  }
}