Css xpages设置viewPanel行的悬停属性

我使用以下样式表：

.oddRow {
 ...
}

然后我在

行类

属性中使用这些：

<xp:viewPanel rows="30" id="viewPanel1" viewStyle="width:100.0%"
        rowClasses="evenRow, oddRow" var="rowData" 
......

但是我不知道如何在上面的样式表中使用/声明它

---

谢谢你抽出时间

根据视口的声明，您可以使用如下CSS

.oddRow
{
 BACKGROUND-COLOR: RGB(248, 248, 248);
}
.oddEven
{
 BACKGROUND-COLOR: RGB(255, 255, 255); 
}
.oddEven:hover
{
 background-color: rgb(288, 250, 221);
}

---

您在rowClasses属性中引用了错误的“偶数”行类。您引用了oddbeen，但样式表包含一个名为evenrow的类。因此，请改为：

rowClasses="oddRow, evenRow" 

更新

悬停部分应该只是CSS的一部分，而不是rowClasses属性。确保在rowClasses属性和样式表（显然需要包含在页面中）中为CSS类命名相同

因此，将您的RowClass更改为：

rowClasses="oddRow, evenRow" 

以及您的CSS：

.oddRow {
 BACKGROUND-COLOR: RGB(248, 248, 248);
}
.evenRow {
 BACKGROUND-COLOR: RGB(255, 255, 255); 
}
.evenRow:hover {
 background-color: rgb(288, 250, 221);
}

---

谢谢你的回答。我确实在我的viewPanel中使用并声明了上面的CSS，但是没有显示悬停。我将编辑我的问题并在标签中添加“xpages”，我想我遗漏了一些东西。我认为这是一个打字错误。我更正了问题。仍然不起作用…：（它也适用于分类视图，对吗？我刚刚将rgb更改为更明显的颜色：rgb（255255,0）.我只是在相应的行上移动鼠标，但对我来说没有成功…它成功了。如果你使用Chrome，那么启动开发工具，检查你的CSS加载，以及类是否被其他更具体的CSS选择器覆盖。祝你好运

.oddRow {
 BACKGROUND-COLOR: RGB(248, 248, 248);
}
.evenRow {
 BACKGROUND-COLOR: RGB(255, 255, 255); 
}
.evenRow:hover {
 background-color: rgb(288, 250, 221);
}