Javascript Google应用程序脚本：分离HTML和CSS

我有一个与标题有关的问题。目前，我正试图遵循谷歌的“最佳实践”。 我不知道为什么它不起作用。 这是一个MainPageCSS.html

<pre>
<style>
p {
  color: green;
}
</style>
</pre>

<?!= include('MainPageCSS'); ?>

<div>Some Content Here</div>
<form>A form</form>
<button>A button</button>

我通过HtmlService使用侧栏，并调用google.script.run.withSuccessHandler（SuccessAddCss.includeCSS（）； 我尝试了不同的方法将css添加到页面中，但没有一个成功

<pre>
<style id="allStyles" type="text/css">
h2{
font-family: Times New Roman, Times, serif;
font-size: 14px;
text-align: center;
}
</style>

</pre>

为了将css从MainPageCSS添加到MainPageCSS id=“allStyles”type=“text/css”

氢{
字体系列：泰晤士报新罗马，泰晤士报，衬线；
字体大小：14px；
文本对齐：居中；
}

侧边栏也是在SandBox.Native模式下启动的，因此它允许css动态更改。

---

谢谢您的帮助。

在我的网站上，我使用了一个scriptlet来包含CSS文件

HTML:

这里有一些内容
表格
钮扣

这就是从HTML文件调用

include

函数的方式。我只是好奇，你能试着拿出

标签看看这有什么不同吗

<pre>
<style id="allStyles" type="text/css">
h2{
font-family: Times New Roman, Times, serif;
font-size: 14px;
text-align: center;
}
</style>

</pre>

<?!= include('MainPageCSS'); ?>

<div>Some Content Here</div>
<form>A form</form>
<button>A button</button>