html - 如何在一列中应用两种样式

Question

如果我有一个 TD(表列)。喜欢

<table>
    <tr>
        <td>* Name</td>
        <td><input type="text"></td>
    </tr>
</table>

我是否可以在第一列中应用两种样式。就像我希望我的星号看起来是红色的，名字看起来是蓝色的。如果我把它分成两列，那么就有可能，比如

<table>
    <tr>
        <td style color="red">*</td>
        <td style color="blue">Name</td>
        <td><input type="text"></td>
    </tr>
</table>

但我想知道第一种情况下 * 和 Name 文本是否在同一列中？

谢谢

Answer 1

是的，我会使用 <span style="color: red">在 td 内的星号周围，如果您计划在 td 内有未着色的区域，您可以将整个 td 设置为蓝色或仅设置名称。

<table>
    <tr>
        <td style="color: blue;"><span style="color: red;">*</span> Name</td>
        <td><input type="text"></td>
    </tr>
</table>