我正在实现一个JSF组件库,您必须覆盖正在使用的css,否则将使用其默认的css.我试图隐藏试图隐藏div,我试图设置rich-panelbar-header-act类style =“display：none”,但是它会拉入其默认的css.有没有办法添加一个样式属性到rich-panelbar-header-act(因为我必须实现该类)隐藏div？我已经包括我的css和html belo
CSS：
element.style {
}
Matched CSS Rules
.rich-panelbar-header-act {
background-image: url(/spot-main-web/a4j/g/3_3_3.Finalorg.richfaces.renderkit.html.GradientA/DATB/eAGLj48PDQ1lBAAJswIe.html);
background-position: top left;
background-repeat: repeat-x;
vertical-align: middle;
color: #FFF;
background-color: #555;
font-size: 11px;
font-weight: bold;
font-family: Arial,Verdana,sans-serif;
}
.rich-panelbar-header-act {
border: 0 solid red;
padding: 0 1px 1px 5px;
cursor: pointer;
}
user agent stylesheetdiv {
display: block;
}
Inherited from body.browserChrome.browserChrome2
body {
font: 12px/17px Helvetica,Arial,Verdana;
}
HTML：
<html version="XHTML 2.0" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head></head> <body> <div class="rich-panelbar rich-panelbar-b " id="j_id95" style="padding: 0px; height: 400px; width: 500px; none"> <div class="rich-panelbar rich-panelbar-interior " id="j_id96" style="none"><div class="rich-panelbar-header " style=";">Leverage the whole set of JSF benefits while working with AJAX</div><div class="rich-panelbar-header-act " style=";;;;display: none;">Leverage the whole set of JSF benefits while working with AJAX</div><div class="rich-panelbar-content-exterior" style="display: none; width: 100%;"><table cellpadding="0" cellspacing="0" style="height: 100%;" width="100%"><tbody><tr><td class="rich-panelbar-content " style=";"> Ajax4jsf is fully integrated into the JSF lifecycle. While other frameworks only give you access to the managed bean facility,Ajax4jsf advantages the action and value change listeners as well as invokes server-side validators and converters during the AJAX request-response cycle.</td></tr></tbody></table></div></div> </div> </body> </html>
解决方法
width: 0; height: 0;
要么
visibility: hidden;
要么
opacity: 0;
要么
position: absolute; top: -9999px; left: -9999px;
要不就
display: none !important;
