Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 我可以使用子选择器进行媒体查询吗?_Css_Css Selectors_Media Queries_Parent Child - Fatal编程技术网

Css 我可以使用子选择器进行媒体查询吗?

Css 我可以使用子选择器进行媒体查询吗?,css,css-selectors,media-queries,parent-child,Css,Css Selectors,Media Queries,Parent Child,我在一个类中有一些媒体查询,它们工作得非常好,但是Chrome浏览器错误地将其显示为唯一的浏览器。因此,我对其他类使用了浏览器破解,但我不知道如何针对媒体查询。我在浏览器黑客中尝试了以下方法: .firstclass > h1 > @media(min-width: 1620px) { font-size: 3.7vw; } 但是我的代码编辑器说,“媒体定义需要在任何功能之后使用块语句”,所以它似乎将其作为一个新的媒体查询 我怎样才能正确地瞄准它?媒体查询不是这个类的子

我在一个类中有一些媒体查询,它们工作得非常好,但是Chrome浏览器错误地将其显示为唯一的浏览器。因此,我对其他类使用了浏览器破解,但我不知道如何针对媒体查询。我在浏览器黑客中尝试了以下方法:

.firstclass > h1 > @media(min-width: 1620px) {
      font-size: 3.7vw;
}
但是我的代码编辑器说,
“媒体定义需要在任何功能之后使用块语句”
,所以它似乎将其作为一个新的媒体查询

我怎样才能正确地瞄准它?媒体查询不是这个类的子类吗

@media (min-width: 1620px) {
  .firstclass > h1{
    font-size: 3.7vw;
  }
}
这是一个语法错误,希望能有所帮助


这是一个语法错误,希望能有所帮助。

原始CSS不允许媒体查询包含在选择器中。媒体查询本身必须包含要应用其他样式的选择器

您的
.first-class>h1
声明必须包含在
@media
查询块中:

@media ... {
  .first-class > h1 > ... {
    font-size: 3.7vw;
  }
}
您需要指定此处的
。如果希望将
h1
元素中包含的任何内容作为目标,可以使用通用选择器(
*
)作为
.first-class>h1>*


媒体自身查询选择器的目标组。选择器不针对媒体查询;根据您在这里的评论,我相信这就是您误解如何使用它们的原因。

原始CSS不允许在选择器中包含媒体查询。媒体查询本身必须包含要应用其他样式的选择器

您的
.first-class>h1
声明必须包含在
@media
查询块中:

@media ... {
  .first-class > h1 > ... {
    font-size: 3.7vw;
  }
}
您需要指定此处的
。如果希望将
h1
元素中包含的任何内容作为目标,可以使用通用选择器(
*
)作为
.first-class>h1>*


媒体自身查询选择器的目标组。选择器不针对媒体查询;根据你在这里的评论,我相信这就是你误解它们如何使用的原因。

不,你不能像孩子一样使用媒体查询,而是在媒体查询下使用css。好吧,你是什么意思?所以我甚至不应该针对媒体查询?脱离主题,但尽量不要过于具体化
,而是写
.firstclass h1
。毫无疑问,你不能作为孩子使用媒体查询,而是在媒体查询下使用css。好吧,这是什么意思?因此,我甚至不应该针对媒体查询?脱离主题,但尽量不要对
过于具体,而是写
.firstclass h1
。我只忘记了示例中的空格,但感谢您尝试帮助我只忘记了示例中的空格,但感谢您尝试帮助非常感谢您的帮助!问题是,我在h1元素中有3个不同的媒体查询,我只想将其中一个作为目标,只更改这一个的字体大小。我不想更改其他媒体查询的字体大小。我怎样才能改变这个呢?@C.Hefti这听起来不像是原始CSS。选择器中不能有媒体查询。在原始CSS中,在三个不同的
@media
查询中有单独的
h1{…}
选择器<代码>@media。。。{h1{…}}@media。。。{h1{…}}…非常感谢您的帮助!问题是,我在h1元素中有3个不同的媒体查询,我只想将其中一个作为目标,只更改这一个的字体大小。我不想更改其他媒体查询的字体大小。我怎样才能改变这个呢?@C.Hefti这听起来不像是原始CSS。选择器中不能有媒体查询。在原始CSS中,在三个不同的
@media
查询中有单独的
h1{…}
选择器<代码>@media。。。{h1{…}}@media。。。{h1{…}。。。