我有一个内联css和css媒体查询的html代码
在运行内联CSS时，不会被媒体查询取代。
我需要找到一种方法来动态地在媒体查询中的每种样式中添加这些！important（可能与js一起使用）。除了遍历作为字符串的html内容并查找样式并将其添加之外，是否有其他方法可以做到这一点。
我添加了示例代码以供参考
body {
background-color: yellow;
}
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
} <body style="background-color:red;">
</body>最佳答案
从body标记中删除内联CSS，因为内联CSS具有很高的特异性值
并尝试此操作，在媒体查询中添加重要内容，因为当屏幕尺寸更改时，您需要lightblue背景色
body {
background-color: yellow;
}
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
关于javascript - 为CSS媒体查询添加重要内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55963286/