如何简化.container-quill子元素的CSS颜色设置代码？

可以通过CSS选择器分组来简化代码，把需要设置样式的多个子元素放在同一个规则里，避免重复书写父选择器：

<style>
  .container-quill p,
  .container-quill h1 {
    color: black !important;
  }
</style>

如果你的场景后续可能需要添加更多同规则的标签（比如h2、h3），还可以用:is()选择器进一步简化（现代主流浏览器均支持）：

<style>
  .container-quill :is(p, h1) {
    color: black !important;
  }
</style>

另外注意你的HTML代码里<h1>的闭合标签存在语法错误，应修正为</h1>：

<div id="editor" class="container-quill">
  <p></p>
  <h1></h1>
</div>

内容的提问来源于stack exchange，提问作者Brandonjgs