隐藏父元素的内容而不隐藏CSS中的子元素

Question

我有以下HTML:

<span class="parent">
    Hello world
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
</span>

游戏规则:

• 我想使用CSS删除"Hello world"字符串
• 该<a>标签应仍然可见
• 我无法触摸HTML代码
• 没有javascript

所以解决方案就像设置display:none一个<span>围绕"Hello world"字符串的元素.问题是没有这样的<span>,我不能创建一个.

Answer 1

display:none;总是隐藏孩子并覆盖他们的display财产.

您可以尝试使用visibility:

.parent { visibility: hidden;}
.parent a { visibility: visible;}