>웹 프론트엔드 >CSS 튜토리얼 >요소나 해당 하위 요소를 숨기지 않고 HTML 요소 내에서 텍스트를 숨기려면 어떻게 해야 합니까?

요소나 해당 하위 요소를 숨기지 않고 HTML 요소 내에서 텍스트를 숨기려면 어떻게 해야 합니까?

DDD
DDD원래의
2024-12-22 06:54:10523검색

How Can I Hide Text Within an HTML Element Without Hiding the Element or its Child Elements?

하위 항목에 영향을 주지 않고 요소에서 텍스트 노드 숨기기

문제:
"닫으려면 클릭" 숨기기 요소 또는 해당 요소를 숨기지 않고 특정 HTML 요소(#closelink) 내의 텍스트 하이퍼링크.

해결책:
예, CSS를 사용하여 구현할 수 있습니다.


가시성: 축소; / 요소 숨기기 /
}

closelink a {

visibility: visible; / 하위 요소 숨기기 해제 /
}

 <a href="">닫기</a> 닫으려면 클릭하세요<br></div>

이 방법은 가시성 속성을 활용합니다. visible:collapse를 상위 요소(#closelink)에 설정하여 효과적으로 숨깁니다. 그러나 이 속성을 하위 요소(링크 a)에 visible: visible로 재정의함으로써 하위 요소가 계속 표시되도록 합니다.

따라서 링크와 요소가 있는 동안 "닫으려면 클릭하세요" 텍스트는 숨겨집니다. 요소는 계속 표시되어 질문에 지정된 요구 사항을 충족합니다.

위 내용은 요소나 해당 하위 요소를 숨기지 않고 HTML 요소 내에서 텍스트를 숨기려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.