在af：panelList上css未知属性“呈现”

Question

我正在尝试在CSS文件上设置af:panelList的呈现属性，因此我无法根据设备分辨率显示它，但是当我在CSS上定义时：

#pl2 {
    rendered:false;
}

我得到一个未知的属性“渲染”，当它的分辨率较小时，chrome不会隐藏它。

继承我的.jspx文件中的组件定义：

<af:panelList  id="pl2" rows="3" maxColumns="5" >

我该怎么做才能解决这个问题？有办法吗？

Answer 1

  

它呈现一个id为pt1：panelobile的div，然后是一个没有id的表。我将这一行添加到css＃pt1：panelmobile {display：none;但到目前为止我没有运气

如果忽略不熟悉的浏览器（如IE6 / 7），那么您应该使用此选择器：

#pt1\:panelmobile {
    display: none;
}

:是CSS选择器中的一个特殊字符，表示伪选择器，因此在按原样使用时需要\进行转义。

但是，特别是在您的特定情况下，更好的方法是为JSF组件分配更通用且更好的可重用样式类。

<af:panelList ... styleClass="hidden">

与

.hidden {
    display: none;
}

另见：

• How to use JSF generated HTML element ID with colon ":" in CSS selectors?

Answer 2

如果您试图隐藏元素，请尝试：

#pl2
{
    display: none;
}