覆盖CSS：.container >*

Question

我试图用以下方法覆盖设置在主题中的直线高度：

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

我所针对的div在.container中嵌套得很好，但是我尝试的每一件事情都不能工作！

有什么建议吗？

Answer 1

假设您想要样式的div有一个名为myClass的类，那么执行以下操作：

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

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

这是一个演示

Answer 2

它可能与CSS加载的顺序有关。加载主题CSS后加载CSS。如果这仍然不起作用，使用!important在您自己的CSS结束！

如下所示：

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