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

Question

当显示其父元素时，是否有任何机制可显示子元素：无？

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

标记：

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

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

Answer 1

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

编辑：

这可能是沿着你想要的线，如果你能够从使用切换display到visibility。

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

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