如何使用纯css选择器来选择隐藏元素

Question

<td class="col" style="display:none">AAA
      <span prop="1" class=" clear-icon " style=""></span>
</td>

我想使用纯css隐藏文本"AAA"来显示span btn.有没有办法在纯CSS中做到这一点？

Answer 1

如果你的设计没有真正的响应,我的意思是你只需要为内部设置固定的字体大小span,我想我们有这样一个干净的解决方案.我们的想法是设定font-size的td到0,它会完全隐藏文本节点:

.col[style*="display:none"] {
  display:table-cell!important;
  font-size:0;
}
.col > span {
  font-size:20px;
}

演示.