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

如果我有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>

，但我想知道是否有可能在第一种情况下当两个*和名称的文字是在同一列？

感谢

来源

2012-03-06 Basit

你可以在一个跨度中包裹星号吗？比如' * Name'？ – 2012-03-06 05:06:23

是的，我会用<span style="color: red">围绕TD内的星号和您可以风格整个TD瓦特/蓝色或只是如果你打算具有TD内未着色区的名称。

来源

2012-03-06 05:06:11

这是正确的想法，但我会用类来做。 ' *'这里的CSS有'.accent {color：red}'。有时间和地方是迂腐的，但我认为这是一个很好的候选人。你可能有其他文字（不只是星号）应该得到重音的颜色。当然，“口音”这个名字应该改成对你有语义意义的东西（因为颜色可能会在某一天改变，所以不是“红色”）。 – 2012-03-06 06:14:50

完全同意格雷格，只是试图保持代码超级简单，所以Basit可以尽可能简单地理解！ – 2012-03-06 06:20:34

当谈到提供指导和指导时，简单往往比“最佳实践”更重要，这是肯定的。 – 2012-03-06 06:22:36

-2

可以使用2 CSS类，如：

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

CSS：

.Red { 
background-color: red; 
} 

.Blue { 
background-color: blue; 
}

但我不知道的情况下，当我们需要它。

来源

2012-03-06 05:07:36

O_o会变成紫色吗？ – bernie 2012-03-06 05:08:19

@ Evl-ntnl星号在哪里去了？你的意思是这个' *名字' – Basit 2012-03-06 05:14:00

我想你已经读过这个问题的标题，并跳入一个答案而没有读完全部要求。 – 2012-03-06 06:20:17

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

回答

相关问题