html - 隐藏 DIV 但在 CSS 中显示子类

标签 html css

我试图隐藏类为“行”的调用 DIV,但显示类为“打印”的表格。这是 HTML:

<div class="row">
    <table cellpadding="0" cellspacing="0" class="print">
        <tr><td>Monday</td></tr>
    </table>
</div>

这是我正在尝试的 CSS:

.row { display: none; }
.row .print {
    display: block !important;
}

我已经尝试了几个选项,但无法显示表格。

谢谢

最佳答案

你可以为此使用简单的 jquery

$('.print').parent().show();

CSS

.row { display: none; }

这是 Demo

关于html - 隐藏 DIV 但在 CSS 中显示子类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23798482/

相关文章:

html - 使用 html-css 使元素居中

php - 博客容器未显示正确的背景

javascript - 在时间轴上定位条目

jquery - 防止下拉调整其上方的 div 大小

javascript - 如何在 html 页面之间设置自定义预加载器?

javascript - 替换固定位置的标题,固定另一个标题位置

html - 为什么 "inline fractions"需要此 CSS 基线修复?

javascript - 如何在鼠标滚动和右键单击上添加事件?

css - 棘手的 : In CSS and HTML, 如果容器的 z-index 为 0,如何使子 DIV 位于容器下方?

css - 使用 3d 过渡时的怪异