具有类名的css媒体查询

下面的html有一个根据my@media query大小不同的图像。 如果没有任何类名，它可以正常工作，但是一旦我添加了类名（使用

class指令

），媒体规则就不再触发了

工作精细-应用介质规则，图像为105x105，其中高度>=999px

div{
宽度：85px；
高度：85px；
自对准：居中；
@媒体屏幕和屏幕（最小高度：999px）{
宽度：105px；
高度：105px；
}
}

---

我的问题是级联问题。问题只是我忘了添加

&。

：

div {
width: 85px; 
height: 85px;
&.gcl-scrollbar{
  width: 95px;
  height: 95px;
}
align-self: center;

}