对于text-align:right;在TD,为什么“风格”工作和“阶级”不?

时间:2010-05-01 14:31:48

标签: css

如果我将其包含在表格单元格中:

<td style="text-align: right; font-style: italic; color: maroon;">...

单元格的内容按照我的预期进行对齐。

如果我包含以下CSS:

.right-notice { text-align: right; font-style: italic; color: maroon; }

和这个单元格:

<td class=".right-notice">...

单元格的内容右对齐。

这是为什么?我不知道什么?

如果我更改CSS以使用float替换text-align,那就可以了。

感谢。

3 个答案:

答案 0 :(得分:4)

您有一个与right-align匹配的类选择器,但您的班级名称为.right-align

虽然可以匹配包含.字符的类名,但更改类的名称会更有意义。

当你到达时,你应该change the class name to describe meaning instead of presentation

答案 1 :(得分:3)

<td class=".right-notice">更改为<td class="right-notice">(不得有点)。

答案 2 :(得分:0)

是的,无论您是使用style属性还是类名设置样式,它都是右对齐的。我尝试了你的代码(修改了标签中的类名),文本右对齐就好了。

如果您有一个不起作用的页面,您必须在其他地方查找原因。确保样式表实际工作。在样式表中查找可能覆盖该类的其他设置,因为它们具有更高的特异性,或者因为它们具有相同的特异性,并且稍后会出现在样式表中。