Question

我在尝试仅删除主页上的色彩时遇到麻烦。

我相信我的页面ID是

9148

这是我要更改的div

 .page-id-9148 .hero-tint { 
 display: none !important;

}

这是我使用过的CSS，无法正常工作。

     .page-id-9148 .hero-tint { 
     display: none !important; 
}

Answer 1

在您的情况下，可能由于css正确而无法正确调用css。

但是有一种更专业的解决方法，因为您希望元素不出现在屏幕上。

我将提供3种正确完成此操作的方法，请记住第一种是最合适的。

1°添加条件以显示代码。 由于您不想只在首页上显示此元素，因此最好在调用此html的php代码中放置一个条件。搜索添加了主题/插件的主题/插件，并放置类似以下条件：

<?php if(  !is_home() && !is_front_page() ): ?>
    <div class="hero-tint"></div>
<?php endif; ?>

OR

<?php if(  !is_page( 9148 ) ): ?>
    <div class="hero-tint"></div>
<?php endif; ?>

2°通过CSS删除 在您的情况下，您的css是正确的，但也许是在css正在更新之前或根本没有被调用之前调用它。为了确保它被调用，请找到您主题的footer.php文件，并寻找wp_footer（）代码并在其后添加代码。像这样的东西：

    wp_footer(); 
?>
<style>
    .page-id-9148 .hero-tint {
        display: none !important;
    }
</style>

3º通过javascript删除 在主题中搜索文件footer.php，然后输入以下内容：

<script type="text/javascript">
    jQuery('.page-id-9148 .hero-tint').remove();
</script>

Answer 2

选项1：在ID为9148的html编辑器中，添加以下内容：

<style>.hero-tint {display: none !important;}</style>

选项2：在主题中编辑footer.php并将其添加到任何位置：

<?php if (is_page('9148') ):?>
<style>
    .hero-tint {display: none !important;}
</style>
<?php endif; ?>