微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何阻止 AMP 删除未使用的 CSS 类?

如何解决如何阻止 AMP 删除未使用的 CSS 类?

我注意到 AMP 删除了我的样式表中未使用的 CSS 类。这会阻止我在用户点击按钮时使用 amp-bind 将这些类添加到 HTML 元素中。

on="submit-success: AMP.setState({'disliked_clicked': event.response.disliked_clicked})"

<div id="liked" [class]="liked_clicked">Add CSS class when clicked</div>

disliked_clicked 的值取决于服务器逻辑,但例如可以是“class-one”或“class-two”。

在我的样式表中,我有

.class-one {
    some styles
}
.class-two {
    some styles
}

在源代码中找不到这两个类,我假设 AMP 删除了它们,因为它们最初并未应用于任何 HTML。

我找到了一种解决方法,即在 HTML 中包含一个应用了样式的空 div。

<div class="class-one class-two">I have no practical purpose</div>

我不想在我的模板中包含空的 div,这样 AMP 就不会删除最初未使用的 CSS 类。还有其他方法可以让 AMP 停止删除这些类吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。