CSS如何覆盖父主题中的特定选择器？

我正在创建一个利蒙主题的儿童主题。此父主题使用许多特定选择器，例如

div#container_wrap {}
div#header ul#nav {}
div.page_heading {}

我正在做一些修改，所以使用“！important”不是一个理想的解决方案。在不诉诸任何法律的情况下，覆盖这些div#id的最佳方法是什么！重要吗？在父样式表中广泛使用特定的选择器

---

如果您不想使用

，谢谢！重要信息

，您可以始终在父主题的CSS之后包含CSS（并使用相同的选择器）

或者，如果你因为某种奇怪的原因不能做到这一点，可以使用更具体的选择器，例如：

body > div#container_wrap ...

---

如果您不想使用

！重要信息

，您可以始终在父主题的CSS之后包含CSS（并使用相同的选择器）

或者，如果你因为某种奇怪的原因不能做到这一点，可以使用更具体的选择器，例如：

body > div#container_wrap ...

---

将自定义样式置于原始样式下。这样写：

div#container_wrap {} // original style
div#header ul#nav {} // original style
div.page_heading {} // original style
div#container_wrap {...} // custom style
div#header ul#nav {...} // custom style
div.page_heading {..} // custom style

---

选中此项

将您的自定义样式放在原始样式下。这样写：

div#container_wrap {} // original style
div#header ul#nav {} // original style
div.page_heading {} // original style
div#container_wrap {...} // custom style
div#header ul#nav {...} // custom style
div.page_heading {..} // custom style

---

检查一下这个

首先，你的CSS规则过于具体。

ID

是您可以使用的最具体的选择器，因此无需通过添加指定父

ID

的

div

来限定它

以下规则就足够了

#container_wrap {}
#nav {}
.page_heading {}

---

首先，您对CSS规则过于具体。

ID

是您可以使用的最具体的选择器，因此无需通过添加指定父

ID

的

div

来限定它

以下规则就足够了

#container_wrap {}
#nav {}
.page_heading {}

---

#容器包装#容器包装/*我是认真的*/谢谢@minitech！如果我在子样式表中放置相同的选择器，那不是已经将其放置在“父主题”之后了吗？或者你的意思是把它放在父样式表中？
#container_wrap#container_wrap/*我是认真的*/谢谢@minitech！如果我在子样式表中放置相同的选择器，那不是已经将其放置在“父主题”之后了吗？或者你的意思是把它放在父样式表中？谢谢Chris。这些代码来自我买的模板。我正在尝试修改一个儿童主题，这些过于具体的选择器是我在这里发表文章的原因=）谢谢Chris。这些代码来自我买的模板。我正在尝试修改一个儿童主题，这些过于具体的选择器是我在这里发表文章的原因=）谢谢Sandeep。那么，这种修改是否必须在父样式表中进行呢？是的，但是如果需要单独的样式表。然后在HTML页面中的原始样式表之后定义自定义样式表。我想使用子样式表。当前样式表在header.php中定义如下谢谢Sandeep。那么，这种修改是否必须在父样式表中进行呢？是的，但是如果需要单独的样式表。然后在HTML页面中的原始样式表之后定义自定义样式表。我想使用子样式表。当前样式表在header.php中定义如下