css - Oracle Apex：无法在页面的内联 CSS 中调用 StaticID

Question

我正在尝试使用一些自定义 CSS 来修饰我的标题栏。在标题区域，我设置了一个静态 id 为 "Homepage-Title" Page Designer Showing Static ID。然后我转到页面属性的内联 CSS 部分并添加了这个 CSS，它调用我的静态 id Inline CSS Calling My Static ID。然而，无论我在这个 CSS 代码中输入什么，区域标题看起来仍然是相同的Run-Time View。对 CSS 菜鸟有什么建议吗？

Answer 1

在这种情况下，使用浏览器内置的检查器非常有用，因此右键单击元素并检查。

为标题栏区域创建的代码是：

...
<div id="Homepage-Title" class="t-BreadcrumbRegion t-BreadcrumbRegion--showBreadcrumb t-BreadcrumbRegion--useRegionTitle lto137080881619071323_0"> 
  <div class="t-BreadcrumbRegion-body">
    <div class="t-BreadcrumbRegion-breadcrumb">
      
    </div>
    <div class="t-BreadcrumbRegion-title">
      <h1 class="t-BreadcrumbRegion-titleText">New</h1>
    </div>
  </div>
  <div class="t-BreadcrumbRegion-buttons"></div>
</div>
...

请注意，ID 设置为区域 div。所以你的 CSS 应该是这样的：

#Homepage-Title .t-BreadcrumbRegion-titleText {
    color: red;
    font-weight: bold;
    font-size: 24px;
}