使用自定义css将styleClass应用于div

Question

我有一个css（approval.css）被定义为资源并应用于我的XPage。在css我有这一行

.appNavBackground {background-color:#ffffd6 ;}

在我的源代码中我有一个div，我应用这个styleClass如下：

<div class="row" styleClass="appNavBackground">

但styleClass不适用于该行。我将行更改为：

<div class="row" style="background-color:#ffffd6">

它工作正常。如果我将div包装在xp：面板中并从css中选择样式它也可以很好地形成但是有额外的面板定义除了选择styleClass之外什么都不做。

我在div styleClass定义中缺少什么？

Answer 1

您正在将class的HTML div语法与styleClass的XPages组件语法混合使用。所以要么只使用HTML并执行此操作（假设您需要应用行和appNavBackground CSS类）：

<div class="row appNavBackground">

或者将其更改为XPages组件并执行此操作：

<xp:div styleClass="row appNavBackground">

Answer 2

你需要改变你的代码。

<div class="row appNavBackground">Hello World!</div>

希望这有帮助。