前端之家收集整理的这篇文章主要介绍了
如何使用纯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.
原文链接：https://www.f2er.com/css/214609.html
