Amp html 在AMP页面中，组件的默认css不起作用_Amp Html

Amp html 在AMP页面中，组件的默认css不起作用

amp-html

Amp html 在AMP页面中，组件的默认css不起作用,amp-html,Amp Html,我的HTML文件代码是： <!DOCTYPE html> <html ⚡=""> <head> <meta charset="utf-8"> <title>Amp</title> <link rel="canonical" href=""> <meta name="viewport" content="width=device-width,m

我的HTML文件代码是：

 <!DOCTYPE html>
    <html ⚡="">
    <head>
      <meta charset="utf-8">
      <title>Amp</title>
      <link rel="canonical" href="">
      <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
      <script async="" src="https://cdn.ampproject.org/v0.js"></script>
      <style amp-boilerplate=""></style>
      <script custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp- 
                     carousel-0.1.js" async=""></script>
      <style amp-custom=""></style>
    </head>
    <body> 
      <header class="ampstart-headerbar">
             Amp pages
      </header>
    </body>
    </html>

当我在浏览器中打开此文件时，标题样式不会插入。在AMP页面中，如果我想提供自定义样式，那么我需要在具有AMP自定义属性的内部样式中提供该样式，但为什么AMP组件样式不可用？我无法理解此代码中缺少什么库？我是第一次探索AMP。如果有更多的建议，我需要注意，那么请让我知道

这是amp自定义需要定义的方式

尝试从下面的文件第39-41行添加CSS。这应该可以解决问题。

有关更多详细信息，请查看下面的链接

让我们知道这是否有帮助。谢谢

当我添加标题时，css没有注入。例如，css在这方面没有注入。检查时，浏览器中没有样式。是否有我需要包含的css库，或者我需要在ampstart headerbar的基础上编写我自己的css。我假设您正在阅读教程或文章，我在您的amp自定义标记中找不到任何类ampstart headerbar。我正在跟随此链接：使用其他脚本更新答案，你现在可以试试吗？我已经添加了一个链接到答案，从第39-41行复制css来解决这个问题。

<!doctype html>
  <head>
            <script custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" async></script>  
    ...
    <style amp-custom>
      /* any custom styles go here. */
      body {
        background-color: white;
      }
      amp-img {
        border: 5px solid black;
      }

      amp-img.grey-placeholder {
        background-color: grey;
      }
    </style>
    ...
  </head>