JSF Richfaces Calendar Css覆盖

Question

我在JSF页面上显示了一些数据表，最终，我的richfaces日历工作正常。但是我的数据表CSS会覆盖日历的CSS，因此当我的弹出日历打开时，它会显示整个页面。

JSF 2.2 Java 7 Richfaces 4.3.3

CSS：

table {
    empty-cells: show;
    width: 100%;
}

如果我将宽度更改为示例25％，日历会正确显示，但我的数据表看起来很糟糕。有什么方法可以保持我的数据表100％和我的日历，也许是一个固定的宽度？

Answer 1

CSS选择器table {}应用于所有 HTML <table>元素。如果您只想使用CSS设置某些特定HTML <table>元素的样式，那么您应该使用更具体的CSS选择器。

<rich:dataTable>生成<table class="rf-dt">，因此以下选择器应该：

table.rf-dt {
    ...
}

另见：

• CSS3 selector syntax