CSS: HTML-Tags beibehalten und nur Textinhalte innerhalb von <a>-Tags ausblenden

Question

Es gibt ein „a“ mit einem „img“ darin, gefolgt vom Text des Links. Ich muss diesen Linktext ausblenden, ohne das „img“-Tag auszublenden.

<a href="https://www.example.com/page">
    <img src="images/example.jpg" width="50" />
    This is a link
</a>

In diesem „a“-Tag muss ich den Teil „Dies ist ein Link“ ausblenden und nur das „img“-Tag sichtbar lassen. Der HTML-Inhalt kann nicht geändert werden (neue HTML-Tags hinzugefügt oder entfernt). Wie kann ich das machen?

Answer 1

在不知道 html 的其余部分或用例的情况下，也许您只需将 a 标记和 font-size 属性的大小设置为零即可。

a {
  font-size: 0;
  width: 0;
  height: 0;
}

  
    This is a link