跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

了解頁面樣式的來源

上次更新時間: 2025年2月10日

可搭配下列任何訂閱使用,除非另有註明:

所有產品和版本

在 HubSpot 中,有多个地方可以添加内容样式,而且会根据添加位置以特定顺序应用。下面,我们将介绍如何应用样式,如何在实时页面上找到样式,以及如何获得设计编辑帮助。

了解如何应用造型

HubSpot中的CSS样式根据其在HubSpot中设置的位置依次应用,如下所示。例如,全局样式表中设置的样式会被特定页面上设置的样式覆盖。

  1. 自定义模块 CSS
    1. 附加到模块的样式表。
    2. 添加到模块CSS 部分的 CSS。
    3. 在模块的 HubL 标记内的require_css 块中添加 CSS
  2. 通过require_css 块添加到模板的样式表
  3. HubSpot 默认样式表(例如 layout.css)
  4. 附加到模板的样式表

    design-manager-linked-stylesheet

  5. 在页面设置选项卡上附加的样式表

    page-editor-attach-stylesheet

  6. 在所有域的设置中附加的样式表
  7. 在特定域设置中附加的样式表