首页 > 解决方案 > 使用 javascript 删除应用于所有元素的 css 属性

问题描述

我正在建立一个主要在 WordPress 上运行的网站。但是,我用 HTML/CSS/Javacsript 编写了一些页面,我通过 Wordpress 插件上传了这些页面。问题在于,插件 Elementor 正在向页面添加 css 样式。我想在页面加载时删除带有 Javascript 功能的那些。由于我是编码新手,因此可能是一种愚蠢的工作方式,因此欢迎对这种工作方式提出任何建议。

具体来说,页面中添加了以下样式:

*, *::before, *::after {* box-sizing: border-box;}

我知道代码element.removeProperty('box-sizing').但是,box-sizing 适用于所有元素 * 我不知道如何选择这个“元素”。*.removeProperty('box-sizing')显然不工作。任何人都可以帮助我使用我将在页面加载时运行的这个 Javscript 功能吗?非常感谢。

function remove_box_sizing(){
    .removeProperty('box-sizing') 
}

标签: javascriptcss

解决方案


您可以添加一个样式表,在其中使用 !important 覆盖这些规则


推荐阅读