相关疑难解决方法(0)

当其父元素为display:none时,是否有任何显示子元素的机制？

情况是隐藏选项卡上的验证错误.我希望显示错误消息,即使该字段是隐藏的.

一个真正简化的JSFiddle的情况在这里http://jsfiddle.net/vLYnk/

标记:

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

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

auto几个CSS属性提供的选项非常有用.但是,该display属性似乎没有.我希望这可以display根据标签将属性设置为浏览器默认值; 例如,a <div>会重置为display: block;,但是<span>会重置为display: inline;.

1. 有没有display: auto相同的我错过了？
2. 如果没有,为什么不呢？
3. 什么是最优雅的解决方法？(我正在以编程方式工作,特别是使用jQuery.)

我有一个包含大量数据,表格和内容的页面.我想制作一个只显示很少选定内容的打印版本.

我正在阅读有关"@media print"的CSS功能,而不是仅仅为了打印而编写另一个页面.

首先,哪些浏览器支持它？由于这是一个内部功能,只有最新的浏览器支持它才行.

我正在考虑使用"可打印"类标记一些DOM元素,并且基本上将"display:none"应用于除了具有"可打印"类的那些元素之外的所有内容.那可行吗？

我该如何实现这一目标？

编辑:这是我到目前为止:

<style type="text/css">
@media print {
    * {display:none;}
    .printable, .printable > * {display:block;}
}
</style>

但它隐藏了一切.如何使这些"可打印"元素可见？

编辑:现在尝试消极方法

<style type="text/css">
@media print {
    body *:not(.printable *) {display:none;}
}
</style>

这在理论上看起来不错,但它不起作用.也许"不"不支持高级CSS ...