有没有一种方法可以从打印中仅隐藏父元素？

Question

HTML（示例）：

<a href="" class="" id="href-test-anchor"><img src="" id="img-test" /></a>

所以我只想隐藏锚而不是img：

@media print
{    
    #href-test-anchor
    {
        display: none !important;
    }
}

此代码hide和img标签，可以在那里吗？

Answer 1

改为使用visibility：

a {
  border:5px solid red; /* You will not see this */
  visibility:hidden;
} 
img {
  visibility:visible;
}

<a href="" class="" id="href-test-anchor"><img src="https://picsum.photos/id/10/200/200" id="img-test" /></a>

Answer 2

（编辑：因为它已被删除）

改为使用visibility。

#href-test-anchor 
{
    visibility: hidden;
}

#href-test-anchor img
{
    visibility: visible;
}

关于您为什么使用锚点并没有真正意义，因为您没有超链接任何文本。您可以使用div作为替代；但这确实适用于锚点。