当显示其父元素时,是否有任何机制可显示子元素:无?
这种情况是隐藏选项卡上的验证错误。我想显示错误消息,即使该字段是隐藏的。
标记:
<ul> <li>One</li> <li class="hide"> Two <ul> <li class="reshow">Re Show Me</li> <li>Inner 2</li> </ul> </li> <li>Three</li> </ul>
CSS:
.hide {display: none} .reshow {display: block !important; position: fixed; top: 0; left: 0;}
我猜这是不可能的,因为孩子没有上下文,但以防万一?
不,这是不可能的。display:none隐藏该元素,因此不会显示任何子元素。
display:none
编辑:
这可能是沿着你想要的线,如果你能够从使用切换display到visibility。
display
visibility
.hide {visibility: hidden;} .reshow {visibility: visible;}
使用此方法,您可以隐藏父元素的内容,但显示所需的特定<li>内容。唯一需要注意的是,父标记仍将占用屏幕空间。只是不会显示给用户。这可能会或可能不会破坏您正在寻找的布局。
<li>