一尘不染

显示父元素时显示HTML子元素:无

html

当显示其父元素时,是否有任何机制可显示子元素:无?

这种情况是隐藏选项卡上的验证错误。我想显示错误消息,即使该字段是隐藏的。

标记:

<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;}

我猜这是不可能的,因为孩子没有上下文,但以防万一?


阅读 320

收藏
2020-05-10

共1个答案

一尘不染

不,这是不可能的。display:none隐藏该元素,因此不会显示任何子元素。

编辑:

这可能是沿着你想要的线,如果你能够从使用切换displayvisibility

.hide {visibility: hidden;}
.reshow {visibility: visible;}

使用此方法,您可以隐藏父元素的内容,但显示所需的特定<li>内容。唯一需要注意的是,父标记仍将占用屏幕空间。只是不会显示给用户。这可能会或可能不会破坏您正在寻找的布局。

2020-05-10