容器查询中是否支持使用hover媒体特性？

不行，容器查询（@container）里不能直接使用像hover: hover这类媒体特性。

媒体特性是针对整个视口或设备的特性（比如是否支持hover、屏幕分辨率），而容器查询的条件是基于容器自身的尺寸、样式状态（比如容器的宽高、inline-size属性），两者的作用对象完全不同。你写的@container (hover: hover) {…}这种写法是无效的，浏览器不会识别该容器查询条件。

如果需要同时结合设备的媒体特性和容器的状态，正确的做法是将媒体查询与容器查询嵌套使用，示例如下：

/* 当设备支持hover，且容器最小宽度为300px时应用样式 */
@media (hover: hover) {
  @container (min-width: 300px) {
    .card {
      /* 具体样式 */
    }
  }
}

内容的提问来源于stack exchange，提问作者Rogier de Ruijter