关于媒体查询元素的JQuery

好的，让我澄清一下。。。你没有两个div。您有1个div，浏览器应用指定的样式。。。ie：当屏幕较大时，应用常规样式：

if(screen.width<400){
        console.log('yes');
    $(window).scroll(function(){
        $(".header").css("top", Math.max(0,30 - $(this).scrollTop()));
    });}

当您使用手机时，它适用于：

.header{
    position:relative
    color:green;
}

他们两人的行动完全一样。。只是样式上的不同规则。所以你不能“瞄准”其中一个，因为它们是同一个元素。如果您可以将其放入JSFIDLE或codepen中进行复制，那么就更容易看到您拥有的内容

---

如果您只是试图覆盖媒体查询样式，您所做的应该可以，或者使用getComputedStyle（元素）。[property]

我现在尝试将媒体查询div作为目标，但是它正在修改原始div。

：-您所说的目标和原始是什么？我看不到？。标题是一个div，在我的主CSS中带有position:relative。我有一个针对手机的媒体查询，这个div设置为位置：fixed。我希望这个脚本引用媒体查询的.header，而不是主CSS。添加了一些基本的html/CSS来演示。我觉得很清楚，对不起，这一点都不清楚？媒体查询没有创建新元素，您仍然只有一个元素，您似乎成功地将其作为目标？

.header{
    position:relative
    color:green;
}

@media only screen and (max-width : 400px) {
    .header{
        position:fixed
        color:blue;
    }
}