使用带有＆gt;的重要标签*

Question

我目前正在更新CMS以使其完全响应。这显然涉及改变现有的许多代码。但是，为了让生活更轻松，我希望使用这样的例子：

parent > * {
   element!important;
}

在此示例中：http://jsfiddle.net/McMEk/2/，我试图将所有页脚文本居中，其中元素先前已设置为左对齐（我在网站中使用此方法的方式是网站所在的位置）使用媒体查询的移动模式）。我本以为制作它！重要的是确保这种情况，但遗憾的是它不起作用。

有人可以说明我在这里做错了什么以及如何在不使用凌乱的代码的情况下使其工作？感谢。

Answer 1

我想你想要：

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

由于>与footer的直接子女匹配，因此在这种情况下为div。