【问题标题】:How to edit itemprop in div class in CSS? (Wordpress)如何在 CSS 中编辑 div 类中的 itemprop? (WordPress)
【发布时间】:2016-09-07 15:42:59
【问题描述】:

我想改变它的字体大小,这里面有段落标签。我该如何改变它?我正在使用 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 被 !important 覆盖
  • 为什么div没有关闭
  • Manoj,你是对的。我在我的 css 文件中发现了大约 394 个“!important”。
  • 很好,迪内什! :) 您现在可以回答这个问题并标记它。
  • 好吧,但是 Manoj bhai,它并没有解决我的问题。这是我的网站链接,defensionem.com/2015/09/14/us-military-demo-3。我正在尝试增加字体大小和行高。

标签: css html wordpress


【解决方案1】:

您可以尝试使用 CSS 属性选择器,例如:

HTML

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

CSS

div[itemprop="articleBody"] h1 {
color: red;
}

div[itemprop="articleBody"] h1 {
 color: yellow;
}

示例:http://jsfiddle.net/bEUk8/

【讨论】:

    【解决方案2】:

    看看这个..

    这会对你有所帮助..

    div[itemprop="articleBody"] {
      font-size: 32px!important;
      color: red!important;
    }
    <div class="body-text clearfix" itemprop="articleBody">
      <h1>Hello World</h1>
    </div>

    【讨论】:

    • @DineshGupta sn-p 显示它可以工作,所以如果还有其他问题,请解释一下,以便我们为您提供帮助
    • 正如 Manoj 所说,似乎有些东西正在覆盖它。在 Wordpress 主题的我的 style.css 文件中。
    • 所以在你的 CSS 中你可以自己查看或粘贴你的代码,以便我们为你提供帮助
    • Wordpress 的 CSS 代码长约 5,000 行。不管怎样,它就在这里。
    • @DineshGupta 你可以添加!important 再次覆盖你的css
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-09-19
    • 2022-06-10
    • 1970-01-01
    • 2017-06-28
    • 1970-01-01
    • 1970-01-01
    • 2023-03-08
    相关资源
    最近更新 更多