Html 删除子主题中的CSS参数而不丢失响应

我在wordpress中有一个非常混乱的css插件，它的css中有一个标签：

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

在使用一些php钩子插入自定义内容之后，应该有5%宽度的div已经移动，现在这段代码从我的代码中挤压出一个div。（如下图所示）

/*内容被5%的宽度压扁*/
/*CSS所针对的原始DIV*/

我试图在不编辑插件CSS的情况下修复它，但到目前为止，我所做的每一次尝试都以失败告终。（自动，100%，继承，初始，未设置…（甚至尝试了“无”和“还原”，这显然是不合适的…）

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

---

谢谢！

为什么不直接为您的目标div定义一个类或id？我不确定我是否完全理解您要实现的目标，但如果您的目标只是

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

/*CSS所针对的原始DIV*/

为什么不写：

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

/*CSS所针对的原始DIV*/

---

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

为什么不直接为您要定位的div定义一个类或id？我不确定我是否完全理解您要实现的目标，但是如果您只定位

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

/*CSS所针对的原始DIV*/

为什么不写：

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

/*CSS所针对的原始DIV*/

---

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

在本地css文件中用下面的代码覆盖

css

#id_name > div > div {
    width: 100%;
}
#id_name > div > div div:last-child {
    width: 5%;
    float: left
}

---

在本地css文件中使用以下代码覆盖

css

#id_name > div > div {
    width: 100%;
}
#id_name > div > div div:last-child {
    width: 5%;
    float: left
}

---

您的目标级别不正确

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

上述选择器针对的父级

div

，您希望成为

5%

的

div

，以及您不希望成为

5%

的父级

div

因此，通过挤压父容器，

相对于祖辈容器，将仅

5%

宽，即使您将其设置为

width:100%

，因为父容器仅允许

5%

宽

---

注意：CSS的编写方式表示懒惰。作者应该在

div

中添加一个

class

，以防止出现此类问题。我会注意所述插件的其余代码

---

除此之外。。。 针对插件中的

div

的“正确”方法是

#id_name > div > div > div

而不是

#id_name > div > div 

它似乎是为子

div

或

#id_name > div > div > div

但应用于其母公司

div

或

#id_name > div > div 

由于唯一的修改是

宽度

，因此它可能看起来“正确”或达到了预期效果

你反应迟钝的原因是，当你瞄准目标时

#id_name > div > div

就像在你的问题中，你改变了父对象的属性，可能是无意中推了推

作者是否使用了插件

#id_name > div > div > div

那么下面的这个代码片段——或者选择

的任何其他变体——将解决这个问题

#id_name>div>div>div{
宽度：5%；
背景：蓝色；
}
#id_name>div>div>div[class]{
宽度：100%；
背景：红色；
}

/*内容被5%的宽度压扁*/
/*CSS所针对的原始DIV*/

您的目标级别不正确

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

上述选择器针对的父级

div

，您希望成为

5%

的

div

，以及您不希望成为

5%

的父级

div

因此，通过挤压父容器，

相对于祖辈容器，将仅

5%

宽，即使您将其设置为

width:100%

，因为父容器仅允许

5%

宽

---

注意：CSS的编写方式表示懒惰。作者应该在

div

中添加一个

class

，以防止出现此类问题。我会注意所述插件的其余代码

---

除此之外。。。 针对插件中的

div

的“正确”方法是

#id_name > div > div > div

而不是

#id_name > div > div 

它似乎是为子

div

或

#id_name > div > div > div

但应用于其母公司

div

或

#id_name > div > div 

由于唯一的修改是

宽度

，因此它可能看起来“正确”或达到了预期效果

你反应迟钝的原因是，当你瞄准目标时

#id_name > div > div

就像在你的问题中，你改变了父对象的属性，可能是无意中推了推

作者是否使用了插件

#id_name > div > div > div

那么下面的这个代码片段——或者选择

的任何其他变体——将解决这个问题

#id_name>div>div>div{
宽度：5%；
背景：蓝色；
}
#id_name>div>div>div[class]{
宽度：100%；
背景：红色；
}

/*内容被5%的宽度压扁*/
/*CSS所针对的原始DIV*/

这就是我问插件开发人员的问题！它会起作用，但如果不编辑插件核心文件，我无法直接访问此div。我从此代码插入的唯一内容是此div:

好的，我想我看到了您的问题。对于使用此选项的初学者：#id_name>d