Question

我有课程定义：

.small, td.small, td.small > nobr, td.small > a
{
    font-size: 90%;
}

这使得单元格中锚点内的文本看起来更小。

但如果我将文本放在没有锚点的单元格中，则不会应用样式。

<table>
    <tbody>
        <tr>
            <td class="small">
                <a href="...">Small content</a>
            </td>
            <td>Should be smaller as well</td>
        </tr>
    </tbody>
</table>

为什么呢？如何在不引入另一个包装器的情况下使原始文本看起来更小？

谢谢。

Answer 1

在我看来，你忘记了上课＃34;小＆＃34;在第二个<td>元素上。它应该是这样的：

<td class="small">
   <a href="...">Small content</a>
</td>
<td class="small">Should be smaller as well</td>

Answer 2

使用纯文本，没有<p>text</p>标签，但不管你想要什么都是一个坏习惯。

问题是你没有指定纯td {font-size: 90%}，你只需要为定义的小类。所以只需将这段代码添加到你的样式中它就可以了。

为什么font-size不适用于原始单元格内容

2 个答案: