html - 是否可以在一行中调用样式表上外部 div 中的内部 div？

Question

我正在使用 wordpress，我有一个元素我想设置样式...它叫做...

<h2 class="widgettitle">

现在，我知道我能做到，

h2.wigettitle {
whatever:css;
}

但是，我遇到的问题是我有多个标题相同的小部件并且它会影响所有这些小部件。

但是，这个 h2.widget 标题位于另一个名为“headerarea”的 div 中。

所以，在我的文件中它就像...

<div id=headerarea">
    <h2 class="widgettitle">
               whatever title
    </h2>
</div>

那么是否有可能使这个特定元素在我的元素中执行类似 #headerarea.h2.widgettitle 或其他内容的操作？

我尝试单独设置外部 div 的样式，但内部 div 仍在从其他地方获取样式，因此我需要覆盖所有这些样式。

希望这是有道理的...感谢您的帮助。

Answer 1

使用#headerarea h2.widgettitle。包括一个空间意味着看着 children 。如果你包含一个 > 这意味着只查看直接的 child 。请注意，如果您的覆盖不起作用，请在末尾添加 !important 以确保它们将覆盖应用的任何其他样式。