覆盖* CSS样式

Question

在我的第一行中，我有以下风格：

* {
    text-align:left;
}

该网站的效果很好，因为大部分内容都是左对齐。但是，少数几个区域需要text-align: center，即使使用!important也不会更新。例如：

table.footer {
    text-align:center !important;
}

关于如何解决此问题的任何想法？

Answer 1

它应该可以在live example中看到。

您可能希望这样做：

table.footer td
{
    text-align:center;
}

!important无论如何都不需要。

Live example

Answer 2

我猜我知道缺少什么。

table.footer选择器仅匹配具有类页脚的表，而不匹配其中的元素

你可以做到

table.footer td {
    text-align: center;
}

请参阅http://jsfiddle.net/mMM5q/

或者甚至更好

html {
    text-align: left;
}
* {
    text-align: inherit;
}

请参阅http://jsfiddle.net/B3F9U/