css - 如何仅将自定义 CSS 样式应用于 Amp 页面

Question

我有一个 wordpress 网站，现在我正在将其转换为 AMP 网站我正在使用amp 插件 现在我的网站有很多 css 文件，我可以内联的样式是有限的，所以我正在尝试添加一个自定义 css 使用：

<style amp-custom>
 .someclass={/*my custom css I want it to affect only amp pages*/}

</style>

我可以通过将样式添加到 header.php 文件来将样式毫无问题地添加到所有页面，现在问题是我希望这种样式仅应用于我的 amp 页面，它们有一个特殊的 url（在末尾添加 ?amp） .

• www.mywebsite.com : 是我的网站

• www.mywebsite.com?amp 是我网站的 amp 页面，我通过添加这些内联自定义 css 来覆盖 css 以影响这些页面。

我可以使自定义 css 仅应用于 amp 页面吗？

标签： csswordpressamp-html

Answer 1

amp_post_template_css如果您正在使用此插件，则可以使用操作。

function custom_post_template_css() {
  ?>
  .someclass={
    /*my custom css I want it to affect only amp pages*/
  }
  <?php
}
add_action( 'amp_post_template_css','custom_post_template_css', 11 );

请参阅文档的自定义 CSS。