CSS 除非我使用检查工具，否则不会覆盖

Question

我对我正在处理的 WP 网站上遇到的一个 CSS 问题有点困惑。

安装的主题总是在每个新页面 (.title-banner) 上包含一个 header class，我想在这个特定页面上隐藏它。我无权访问样式表，所以我只想使用 CSS 来隐藏这一页上的元素，使用显示：none;，但是如果我把它放在直接在我的页面上的标签。如果我在检查工具中应用 CSS，它确实有效。

有没有一种方法可以通过使用 on-page CSS 而不是在样式表中进行注册，因为这不是一个选项？我知道显示：none；并且 !important 并不理想，但我不知道还有什么其他方法可以实现这一点。

Answer 1

你应该试试 Javascript。我认为您的 CSS 样式被一些默认样式覆盖了。使用这个；

<script>
    document.querySelector('.title-banner').style.display = 'none';
</script>

Answer 2

您需要更具体地覆盖现有 CSS。

您可以将其添加到您的主题中，或者从您的 wp-admin 转到“外观 > 自定义 > 其他 CSS”。

将页面 ID 替换为您页面的页面 ID...您可以通过查看管理页面 ID 或检查 <body> 标记找到它。 Wordpress 将 page-id-xxx class 放在每个页面的正文中，允许您逐页覆盖特定的 CSS。

/* Replace Page ID with your page id */
.page-id-336 .title-banner {
    display: none;
}

Answer 3

使用这个；

    <script>

window.addEventListener("load", function(){
        document.getElementsByClassName('class_of_your_element').style.display = 'none !important';
}); 
    </script>

CSS 除非我使用检查工具，否则不会覆盖

CSS not overriding unless I use inspect tool

css

wordpress

overriding

stylesheet

display