隐藏元素，但不嵌套仅具有css的子元素

Question

我在AMP页中有类似的内容（我无法更改其给定的结构，!important对于AMP是不可能的）：

<p class="test">hide me <a>show me</a></p>

如何隐藏父机器人的HTML而不是嵌套的A标签？ 我尝试了这个但没有成功：

.test{display:none;}
.test a{display:block;}

还有：

.test:not(a){display:none;}

Answer 1

您可以使用font-size吗？

.test {
  font-size: 0;
}

.test a {
  font-size: 16px;
}

<p class="test">hide me <a>show me</a></p>

Answer 2

可以使用隐藏和可见属性。

.test {可见性：隐藏；}
{visibility：visible;}