如何忽略wordpress主题中的<p> CSS规则？

Question

我正在编辑Wordpress博客的样式表。我已经安装了一个非常酷的主题，但它的块引用样式非常难看。

我可以编辑<blockquote></blockquote>对象的外观。问题是我在这些引号之间插入的段落也被Wordpress分配了<p></p>个标签，并且那些也从样式表中获取属性。主题为<p>标签设计了非常复杂的样式，因此，这些主题优先于我尝试制作的内容。

示例代码：

<p>Text here</p>
<blockquote><p>Quote here</p></blockquote>
<p>More text</p>

示例CSS：

blockquote {
   /* styling here */
}
blockquote p {
   /* whatever I put here is overwritten by other stylesheet rules */
}
.post-video .video-div p {
   /* stylesheet from my theme that has more levels than my own added style rules, so takes priority */
}

基本上，.post-video .video-div p规则会覆盖我自己的blockquote p规则，因此我无法更改外观。我也不想搞砸所有那些主题指定的课程。我知道我可以写.post-video .video-div blockquote p并且比标准规则更重要，但是我不知道这些课程做了什么，宁可不要把它们搞得一团糟。

有任何建议如何解决这个问题？

Answer 1

在造型后使用！important。

blockquote p {
   background: red !important;
}

！important将强制浏览器尊重您的CSS并将其用于为该元素编写的任何其他CSS。