检查javascript中的内容css

如何检查css中的内容是否等于移动或桌面

var push = document.querySelector('.push-button');
var result = getComputedStyle(push).content;
if ($('.push-button').css('content') == "mobile") {
 $(document).ready(function () {
    $('.main').css("color", "black");

});
} else if (result ===  "desktop") {
 $(document).ready(function () {
    $(".push-button").click(function () {
        $('.desktop-menu').slideToggle(1000);
        $('.desktop-menu').css('display', 'block');
    });
});
}

试着这样做

if（$（'.push-button'）.css（'content'）==“\'mobile\”）{

信息不足，但请检查这是否可以帮助您

var push=document.getElementByClass（“.content”）；
如果（匹配媒体）{
const mq=push.matchMedia（（最小宽度：1024px））；
mq.addListener（WidthChange）；
宽度变化（mq）；
}
函数宽度更改（mq）{
if（mq.matches）{
$（文档）.ready（函数（）{
$（“.push-button”）。单击（函数（）{
$（'.desktop menu'）。滑动切换（1000）；
$（'.desktop menu'）.css（'display'，'block'）；
});
});
}否则{
$（文档）.ready（函数（）{
$（“.push-button”）。单击（函数（）{
$（'.desktop menu'）。滑动切换（1000）；
$（'.desktop menu'）.css（'display'，'block'）；
);
});
}
}

请解释你自己，并提供HTML和CSS代码。你的代码有问题吗？你没有确切提到什么。你陈述了一个目标，然后给出了一个无法解释的代码转储。很难确定要告诉你什么。此外，这将有助于显示你正在尝试使用的HTML和CSS。内容是在一个以前的版本中吗？我不认为内容可以在一个元素上使用，除非它在伪元素中，并且您无法使用jquery访问这些元素。您需要向我们显示该内容的更改和css。这里是css:@media only screen和（最小宽度：730px）{#push menu{display:none！important；}。push-button{content:“desktop”}。push-button{display:-webkit-flex！重要；display:-ms-flexbox！重要；display:flex！重要；content:“mobile”}这是css:@media-only屏幕和（最小宽度：730px）{#按钮菜单{display:none！重要；}。按钮{content:“desktop”}.按钮{display:-webkit flex！重要；display:-ms flexbox！重要；display:flex！重要；内容：“移动”}