当孩子有"display:none“时隐藏.card-body

"display:none"是一种CSS属性，用于隐藏HTML元素。当一个元素的"display"属性设置为"none"时，该元素将不会在页面上显示，且不占据任何空间。

这种技术常用于前端开发中，用于控制元素的可见性。通过设置"display:none"，可以在不删除元素的情况下隐藏它，以便在需要时再显示出来。

"display:none"的优势包括：

1. 省去了删除和重新创建元素的开销，提高了性能。
2. 可以在需要时动态地显示和隐藏元素，增加了灵活性。
3. 不占据空间，不会影响其他元素的布局。

应用场景：

1. 动态显示和隐藏元素：通过JavaScript控制元素的"display"属性，根据用户的操作或特定条件来显示或隐藏元素。
2. 响应式设计：根据不同的屏幕尺寸或设备类型，通过设置"display:none"来隐藏或显示特定的元素，以适应不同的布局需求。

腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算服务和解决方案，其中与前端开发和可见性相关的产品包括：

1. 腾讯云CDN（内容分发网络）：通过全球分布的节点，加速静态资源的传输，提高网页加载速度。详情请参考：https://cloud.tencent.com/product/cdn
2. 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求动态调整服务器资源。详情请参考：https://cloud.tencent.com/product/cvm
3. 腾讯云云函数（SCF）：无服务器计算服务，可根据事件触发自动运行代码，实现灵活的业务逻辑。详情请参考：https://cloud.tencent.com/product/scf

请注意，以上仅为腾讯云的部分产品示例，其他云计算品牌商也提供类似的服务和解决方案。