Css 有没有可能删除！特定分辨率上元素的重要属性？

我使用旋转木马滑块两次以上，其

。项目
高度为
100%
。我不得不在特定高度上调整主滑块，因此我在
标题中添加了一个类
。自定义滑块
，将样式标记为
！重要的
标记，因为已经有了
100%
高度

.custom-slider {
    height: 645px !important;
}

它调整好了，工作正常。现在我必须在不同的分辨率上调整，因此我必须将高度
645px
降低到
496px
，但是由于
！重要信息
属性新添加的高度不起作用

.custom-slider {
    height: 496px !important;
} 

我试着在1024个分辨率上使用下面的样式，但它不起作用

.custom-slider {
    height: 496px !important;
} 

这是很好的解释，但我没有解决我的问题，可以任何关于这方面的指导我。我想感谢你
 将样式更改为
max height
并删除
重要提示

.custom-slider {
    max-height: 645px;
}

还可以通过添加标记或父id/类使选择器更具体。这将赋予样式更高的优先级

body div.custom-slider {
    max-height: 645px;
}

如果您尝试在相同的分辨率内执行此操作（不使用媒体查询），您应该能够添加第二个类，并为其指定定义的高度-它应该覆盖第一个类。例如：

<div class="custom-slider secondary-height"></div>

.custom-slider.secondary-height {
  height: 496px !important;
}


.custom-slider.secondary-height{
高度：496px！重要；
}
请检查以下内容：

定义媒体查询时，它会将相关查询分类。
如果你自下而上，只有相关的！重要的事情会发生。
由于他们有相同的“级联果汁”，获胜者将是：
一个有适当的媒体悲剧，一个是最后一个，所以把它们结合起来就能解决问题

scss示例

  .custom-slider{ 
  width:100px;
  border:1px solid red;
   @media (min-width:700px) {
    height: 20px !important;
       border:1px solid green;
  }
  @media (min-width:900px) {
    height: 80px !important;
    border:1px solid blue;
  }
} 

顺便说一下，如果你的css是在滑块的css之后加载的，你不需要！重要的

如果您将父容器添加到css中，情况也是如此
 你为什么需要这个！首先重要吗？这似乎和你链接的问题一样。你能解释一下为什么你需要一个新问题/区别是什么吗？另外-应该没有必要使用！如果是您自己的代码，则很重要。因为在
标题上已经有
高度：100%
，并且我在同一页面上使用了两次以上，因此我无法删除
高度：100%
。请使用
最大高度：496px查看此答案以更好地理解CSS：为了添加特殊性而添加特殊性的一个好技巧是重复类：
.custom-slider.custom-slider{}
。它与完全相同的东西匹配，一旦你知道了诀窍，你就会立即知道为什么以前的女孩/男人会这样写^^（编辑：）