하위 요소를 표시하면서 상위 요소 내의 텍스트를 숨기려면 어떻게 해야 합니까?

요소 내의 텍스트 숨기기: 하위 가시성 유지

하위 요소의 가시성을 유지하면서 요소 내의 특정 텍스트를 숨기려면 가시성을 사용하십시오. 기인하다. 이 경우 div나 링크에 영향을 주지 않고 "닫으려면 클릭하세요" 텍스트를 숨기는 것이 목표입니다.

아래 코드는 이를 달성합니다.

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

#closelink 선택기는 숨깁니다. div 내의 텍스트를 시각적으로 사라지게 만듭니다. 그러나 선택기 #closelink는 이 동작을 재정의하여 링크 요소가 계속 표시되도록 합니다. 결과적으로 링크는 계속 액세스 가능하고 사용자 클릭에 반응하지만 "닫으려면 클릭하세요"라는 텍스트는 보이지 않게 됩니다.

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