html - 在不失去响应能力的情况下删除子主题中的 CSS 参数

Question

我在 wordpress 中有一个非常困惑的插件 css，它的 css 中有这个标签:

#id_name > div > div {
    width: 5%;
}

在使用一些 php 钩子(Hook)插入自定义内容后，应该有 5% 宽度的 div 已经移动，现在这段代码最终从我的代码中压缩了一个 div。 (如下所示)

<div id="id_name">
    <div>
         <div>
         <div class="col-sm-10 col-md-5 no-padding">
             /*CONTENT SQUASHED BY THE 5% WIDTH*/
         </div>
         <div>
              /*THE ORIGINAL DIV THAT WAS TARGETED BY THE CSS*/
         </div>
         </div> 
</div>

我试图在不编辑插件 CSS 的情况下修复它，但到目前为止我所做的每一次尝试都以失去列响应而告终。 (auto, 100%, inherit, initial, unset...(甚至尝试了'none'和'revert'，这显然是不合适的...)

有没有什么方法可以在不触及插件代码的情况下做到这一点？如果有人提出任何想法，我将不胜感激!

谢谢!

Answer 1

为什么不直接为目标 div 定义类或 ID？我不确定我是否完全理解您要完成的任务，但是如果您只针对

 <div>
     /*THE ORIGINAL DIV THAT WAS TARGETED BY THE CSS*/
 </div>

为什么不写:

 <div id = "id_name">
     /*THE ORIGINAL DIV THAT WAS TARGETED BY THE CSS*/
 </div>

相反？同样在您上传的代码中，您忘记了“id_name”的右引号