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

Question

[我有一个wordpress网站，现在我正在使用AMP网站覆盖amp plugin现在我的网站上有很多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仅应用于功放页面吗？

Answer 1

有点棘手，但是在论坛上搜索后，我发现amp插件provides a method is_amp_endpoint()知道该页面是否是Amp页面，因此在Wordpress主题header.file中有一些PHP可以影响所有AMP页面。

Answer 2

如果使用amp_post_template_css插件，则可以使用this操作。