html - 重写父样式

Question

我有多个h1标签。由于我为 parent 编写了样式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;
}

这是代码小提琴

Answer 1

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

<!--Company Details-->

删除它，它的工作原理。你甚至不需要!important.

要在 CSS 中添加注释，请使用/*and */：

/* Company Details */