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

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

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

解决方法

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

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

Demo.