html - 覆盖父样式

Question

我有多个 h1 标签。由于我为父级 h1 编写了样式，因此相同的样式适用于另一个具有自己父级的 h1。

这是主父级中的新父级 div。我需要更改此 h1 的样式。

<div class="company_details">
                <h1>New H1 title here</h1>
                <a href="#">www.julysystems.com</a>
            </div>

这是在 h1 之上为他编写的 css，它不适用

<!--Company Details-->
#accordion div > div.company_details h1{
    font-size:50px !important;
}

这是 CODE FIDDLE

Answer 1

您在样式表中间有一个 HTML 注释:

<!--Company Details-->

删除它，它就可以工作了。您甚至不需要 !important。

要在 CSS 中添加注释，您可以使用 /* 和 */:

/* Company Details */