在我的主 CSS 中使用我的自定义 CSS 有点过了。（WordPress）答案

【问题标题】：Something is over riding my Custom CSS in my Main CSS. (Wordpress)在我的主 CSS 中使用我的自定义 CSS 有点过了。（WordPress）
【发布时间】：2015-09-15 14:48:07
【问题描述】：

这是我的 Wordpress 网站的 CSS 代码。（因为太长，这里不能粘贴。）

https://www.dropbox.com/s/mu0wy9kvhvxrd9k/style%20%282%29.css?dl=0

我想改变它的字体大小，这里面有段落标签。我该如何改变它？我正在使用 wordpress，我可以添加自定义 CSS 来解决这个问题。

这是我正在尝试使用 Chrome 中的 Inspect Element 和 Firefox 中的 Firebug 修复的 wordpress 网站。 http://defensionem.com/2015/09/14/us-military-demo-3/

<div class="body-text clearfix" itemprop="articleBody">

我试过用这个，但没用。

div[itemprop="articleBody"]
 {font-size:32px;}

我读到这是正确的，但我的主要 CSS 文件似乎有点过头了。你能帮忙吗？

【问题讨论】：

标签： jquery html css wordpress

【解决方案1】：

在 CSS 中，font-size 设置在 <p> 元素上，您还需要将其添加到同一元素上以进行覆盖。

将您的 CSS 更改为

div[itemprop="articleBody"] p {
    font-size: 32px;
}

【讨论】：

这是正确的。这就像一个魅力。通过使用
元素，上述重要内容也可以使用。

【解决方案2】：

试试这个：

div[itemprop="articleBody"] p {
    font-size: 32px;
}

字体大小正在应用于 div。但是该段落没有继承字体大小。您需要将 css 显式分配给段落。

【讨论】：

将 CSS 样式链接到属性是一种不好的做法。您不应在代码中混合语义（itemprop 属性）和样式。它会导致您生成臭的、难以管理和无法支持的代码。

【解决方案3】：

它可能已经设置好了，试试这个：

div[itemprop="articleBody"]{
  font-size:32px !important; // adding !important forces the style
}

我会强调使用!important 不是一件好事 - 虽然有时是必要的

【讨论】：

!important应该只用于调试目的，从不用于生产代码。
@connexo 为什么？可以给我解释一下吗
在理想的世界里@connexo 是的，我同意...取决于您是否从头开始编写所有内容...有时您可能需要蛮力
在这种情况下，你总能找到并解决你需要蛮力的原因。