在 CSS 媒体查询中放置一个 id答案

【问题标题】：Put an id inside CSS media query在 CSS 媒体查询中放置一个 id
【发布时间】：2021-08-02 22:07:51
【问题描述】：

如何在 CSS 媒体查询中添加 Tag 或 id，如下所示。

@media only screen (#id {attribute:value}){
#id2{
display:flex
}

【问题讨论】：

你想用那个媒体查询解决什么问题？在什么条件下应用#id2{ display:flex }？（#id {attribute:value} 应该怎么做？）
嗨，您可能误解了媒体查询，这些查询是为了查询代码正在运行的媒体，我不明白您希望使用#id {attribute: value} 你能再描述一下吗？见[链接]cdn.dribbble.com/users/419681/screenshots/4803219/…
@AHaworth 媒体查询是关于询问有关渲染发生的环境的事情。就像视口的宽度/高度，如果它是一个带有鼠标或触摸输入的环境，关于可访问性设置，如减少运动、首选颜色主题、脚本是否处于活动状态、亮度级别……。还有一个草案不仅要查询视口的大小，还要查询另一个元素所在的容器元素的大小（Container-Queries）。
@t.niese - 同意 - 但我仍然不明白问题中#id {attribute:value} 应该发生什么，它似乎与环境无关。

【解决方案1】：

更新你的 CSS

@media only screen{ #id2[attribute:value]{ display:flex }}

【讨论】：

【解决方案2】：

很简单。

@media only screen{
    TagName{
      display:flex;
    }
    #id {
      AttributeName: value;
    }   
}

【讨论】：