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文件。

Answer 1

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

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

Answer 2

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