2014-02-28 246 views
2

在我的第一線我有以下樣式:覆蓋* CSS樣式

* { 
    text-align:left; 
} 

其中通過該網站,因爲大多數的它運作良好,是靠左對齊。然而部分地區,必須text-align: center,它不會更新,即使!important。例如:

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

我如何能解決這個問題的任何想法?

+2

'*'在CSS特異性最低,甚至寫'.footer'將覆蓋''選擇 –

+0

您必須添加不工作的HTML代碼。否則就像在桶裏釣魚一樣。 – HerrSerker

回答

3

它應該工作,你可以在這個live example看到。

你可能想這樣做,而不是:反正不需要

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

!important

Live example

+0

也可以缺少'width' –

+0

@ Mr.Alien是的。在上一個實例中,我添加了':100%'作爲table元素。 – Alvaro

+0

我已經更新了JSFidddle頁面:) – Jason

0

我guees我知道缺什麼。

的table.footer選擇符只匹配使用類頁腳中的表,而不是它裏面的元素

你可以做

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

http://jsfiddle.net/mMM5q/

或者甚至更好

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

請參閱http://jsfiddle.net/B3F9U/