使用自定义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">