隱藏元素中的文字節點而不影響子元素
問題:
隱藏「點擊關閉」特定HTML 元素(#closelink)中的文本,而不隱藏該元素或其
解決方案:
是的,這可以使用CSS 來實現:
可見性:折疊; /<em> 隱藏元素</em>/<br>}<h1>closelink a {</h1><p>可見性:可見; /<em> 取消隱藏子元素</em>/<br>}</p>
<a href="">關閉</a>點選關閉<br>
此方法利用了visibility屬性。透過在父元素上設定 Visibility: Collapse (#closelink),我們可以有效地隱藏它。但是,透過在子元素(連結 a)上使用 Visibility:visible 覆寫此屬性,我們確保子元素保持可見。
因此,「點擊關閉」文字將被隱藏,而連結和元素保持可見,滿足問題中指定的要求。
以上是如何隱藏 HTML 元素中的文字而不隱藏該元素或其子元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!