覆盖CSS：.container＆gt; *

Question

我正在尝试使用以下方法覆盖在主题中设置的行高：

.container > *{font:normal 22px/28px sans-serif;}

我定位的div很好地嵌套在.container中，但我尝试的一切都不起作用！

有什么建议吗？

Answer 1

假设您想要样式化的div具有名为myClass的类，请执行以下操作：

.container .myClass
{
  line-height: x px; /* whatever you need */
}

这将覆盖原始选择器，因为它更具体

<强> Here's a demo

Answer 2

可能它与CSS加载的顺序有关。加载主题CSS后加载CSS。如果仍然无效，请使用自己CSS末尾的!important！

像这样：

.container > *{
  font:normal 22px/28px sans-serif!important;
}