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

Question

我正在编辑Wordpress博客的样式表。 我安装了一个原本很酷的主题，但是它的blockquotes样式非常丑陋。

我可以很好地编辑<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并且比标准规则更重要，但是我不知道这些类在做什么，也不愿与它们.post-video .video-div blockquote p 。

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

Answer 1

样式设置后，请使用！important。

blockquote p {
   background: red !important;
}

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