css - 表格、列表周围的 html <span> 标签

Question

我正在做一个元素，我要将 html 发送给 PDF 创建者，所以我不太担心正确的 html，只要它在 PDF 上正确显示即可。

我目前正在处理一个 PDF，其中大约一半页面的字体大小与另一页不同。我希望通过在选择周围放置标签来轻松完成此操作。但是，有些表格和列表没有继承 css 样式。

例如:

CSS:

.fs8
{
    font-size:8pt;
}

HTML:

...
<p>Size 10 text here...</p>

<span class='fs8'>

<p>This text is size 8</p>

<table>
    <tr>
        <td>This text is NOT size 8</td>
    </tr>
</table>

<p>Still size 8...</p>

<ul>
    <li>NOT size 8!
</ul>

</span>

<p>Size 10 again...</p>

有什么好的方法可以跨越表格和列表，这样我就不必在数百个地方添加类标签了吗？

Answer 1

不确定我是否明白您的意思，但据我了解，您想要改进选择器。

试试这个:

.fs8 td,
.fs8 li
{
    font-size:9pt;
}

这会将 fs8 类元素内的任何 td 或 li 标记中的字体大小设置为 9pt。