html - 如何将全局 css 覆盖为包含具有不同样式的不同 html 标签的 div 标签

Question

我有一个div标签如下:

<div id="summaryDiv">
    <span>
        <p style="font-size: 10px;color: red">this is test comment </p>
        <ul style="font-size: 8px;color: pink">>this is list of contents
            <li class="liSummary">lost1</li>
            <li class="liSummary">>list2</li>
        </ul>
    </span>
</div>

现在 summaryDiv 包含 innerhtml 摘要，它不是纯文本而是格式化文本的形式。

并且所有格式化的文本都可能应用不同的内联或类样式。

我需要在全局范围内创建摘要 div css 样式，这将覆盖 innerhtml 格式的文本。

所以整个 innerhtml 将在末尾具有相同的样式，而不是单独的内联样式。

如何实现？

任何帮助将不胜感激。

Answer 1

Check this out

#summaryDiv * {
    color: #ccc !important;
}

您需要使用 * 通配符选择 #summaryDiv 的所有子元素，然后将覆盖样式标记为 !important .