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

是的，我会在td内的星号周围使用<span style="color: red">，如果您打算在td内部设置无色区域，您可以使用蓝色或只是名称来设置整个td的样式。

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

Answer 2

您可以使用2个css类，如：

<table>
    <tr>
        <td class="Red Blue">Name</td>
    </tr>
</table>

的CSS：

.Red {
background-color: red;
}

.Blue {
background-color: blue;
}

但我不知道什么时候需要它。

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

2 个答案: