使用！重要標籤> *

Question

我目前正在更新CMS以使其完全響應。這顯然涉及改變很多現有的代碼。然而，爲了使生活更輕鬆，我希望使用示例如下：

parent > * { 
    element!important; 
} 

在這裏的例子：http://jsfiddle.net/McMEk/2/，我試圖讓所有頁腳文本爲中心的各種元素先前已經被設置爲左對齊（我在網站中使用這種方式的方式是使用媒體查詢，網站處於移動模式的位置）。我本來以爲做到這一點！重要的是可以確保事實如此，但不幸的是這種做法無效。

有人可以澄清我在這裏做錯了什麼，以及如何使它工作而不使用雜亂的代碼？謝謝。

Answer 1

我想你想：

footer * { 
    text-align:center!important; 
} 

由於>符合您footer的直接孩子是在這種情況下div。