有一段内联CSS代码：

<style type="text/css" id="illdy-about-section-css">
#header.header-front-page {background-image: url(image.png) !important;}
#header.header-front-page {background-position-y: center;}
#header.header-front-page {background-position-x: center;}
#header.header-front-page {background-size: auto !important;}

在Wordpress主题/网站主页上，我想将“背景大小”设置为；“100%”；带或不带“；！重要信息；。

我有一个插件叫做Code Snippet 这应该能够在不干扰源文件的情况下启用PHP，我使用了：

<?php
function wpb_hook_javascript() {
  if (is_front_page ()) { 
    ?>
        <script type="text/javascript" src=\'jquery.min.js?ver=3.5.1\'>
          // your javascript code goes here
            
            $(\'#header.header-front-page\').css(\'background-size\', \'\')
            $(\'#header.header-front-page\').css(\'background-size\', \'100%!important\')


        </script>
    <?php
  }
}
add_action(\'wp_head\', \'wpb_hook_javascript\');

但是HTML/CSS或浏览器检查器中没有任何更改。这里可能有什么问题？

如果我只想制作特定屏幕大小的样式，比如：

@media screen and (max-width: 760px){#header.header-front-page{background-size:100!important;}}

我将如何使用PHP/Javascript实现这一点？这也行不通。

<?php
function wpb_hook_javascript() {
  if (is_front_page ()) { 
    ?>
        <script type="text/javascript" src=\'jquery.min.js?ver=3.5.1\'>
        if (matchMedia("(max-width: 760)").matches) { 
            // the viewport is at most 760 pixels wide 
            $(\'#header.header-front-page\').css(\'background-size\', \'100%!important\')
        }
        </script>
    <?php
  }
}
add_action(\'wp_head\', \'wpb_hook_javascript\');

编辑：以下是web检查器的详细信息：因此这些是；“要素”；镀铬检验员标签：

<style type="text/css" id="illdy-about-section-css">#header.header-front-page {background-image: url(image.png) !important;}
#header.header-front-page {background-position-y: center;}
#header.header-front-page {background-position-x: center;}
#header.header-front-page {background-size: auto !important;}
#header.header-front-page {background-attachment: scroll !important;}
</style>

和实际元素HTML：

<header id="header" class="header-front-page" style="background-image: url(https://image.png);
background-attachment: fixed;" aria-hidden="false">
</header>

而这在；“样式”；检验员：