【问题标题】:How to override css within Drupal content area using a div如何使用 div 覆盖 Drupal 内容区域中的 css
【发布时间】:2023-04-05 09:38:01
【问题描述】:

我想强制 div 中的所有 html 为相同的字体大小和行距。 html包含

和元素。我尝试简单地为 div 使用内联样式,例如

<div style="font-size: .75em;">
 <p>blah</p>
 <ul>
  <li>blah2</li>
 </ul>
 <p>blah 3</p>
</div>

但是样式表导致 p 和 li 是更大的字体。这导致我在每一行中添加了更多的内联样式,这是不对的。

我无权访问样式表,所以我必须内联在这里做任何事情。我只需要一个代码 sn-p 给作者(内容在 Drupal 中),这样他们就可以完成这项任务,而无需推送新的站点 css 文件。

【问题讨论】:

    标签: css drupal


    【解决方案1】:

    如果您以像素为单位设置大小,则子元素应继承设置的大小。为此,您还必须对 textarea 字段使用“完整 HTML”过滤器选项。

    <div style="font-size: 12px;">
     <p>blah</p>
     <ul>
      <li>blah2</li>
     </ul>
     <p>blah 3</p>
    </div>
    

    【讨论】:

    • 不,没有效果...这是我的 div 标签&lt;div id="NaturalGas" style="display:none; border: 1px solid gray; padding: 2px 2px 2px 5px; background-color:#B3D0ED; font-size: 8px; line-height: 100%;"&gt;(显示没有是 b/c 这是 jquery 切换的一部分)
    • 不好说哪些有效哪些无效,不知道哪些样式有效,但你可以试试font-size: 8px !important;。否则,您可以(如果可能)更改 html 结构,这样您就不会继承任何东西,例如例如,使用&lt;div&gt; 而不是&lt;p&gt;
    【解决方案2】:

    您网站主题的 CSS 可能会在“p”或“ul”或“li”元素上设置样式,因此即使您的 div 定义了内联样式,它仍会被更全局的 CSS 覆盖文件。使用 firebug 或 Chrome 工具查看设置样式的 .css 文件,在同一级别定义本地覆盖样式(例如在 p 或 ul 或 li 元素上)。

    【讨论】:

      猜你喜欢
      • 2011-02-25
      • 2014-09-03
      • 1970-01-01
      • 1970-01-01
      • 2023-03-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-09-06
      相关资源
      最近更新 更多