CSS @media in javascript or jquery

本文关键字：or jquery javascript in @media CSS 更新时间：2023-09-26

我需要一点帮助。我在html和css中创建了一个导航菜单(带有特定的媒体查询)，我编写的javascript (jquery)代码如下所示:

var x = $('#nav-menu > ul').children().length;
alert(x);
$('#nav-menu > ul li').css(width, x);

但是我想在代码的最后一行更改特定的媒体查询。

这可能吗?

使用.css创建内联样式，实际上并不改变包含正在应用的规则的CSS文件。相反，创建一个类，并在媒体查询中为你想要更改的属性添加一个规则，并根据需要在JavaScript中使用.addClass和removeClass。

编辑:刚刚看到bergi的评论基本上是相同的想法。希望这有助于理解其中的原因。