css - 如何使用 div 覆盖 Drupal 内容区域中的 css

Question

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

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

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

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

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

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

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

2 回答 2