다른 요소는 계속 표시하면서 CSS를 사용하여 Div에서 텍스트 노드를 숨길 수 있나요?

CSS로 요소 텍스트 노드 숨기기

앵커 태그와 텍스트 노드가 포함된 div 요소가 있습니다. div 또는 앵커 태그의 가시성에 영향을 주지 않고 텍스트 노드만 숨기려고 합니다. 이를 달성하기 위해 가시성 속성을 사용할 수 있습니다.

CSS 솔루션

다음 CSS 코드는 목표를 달성합니다.

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

이 코드에서 :

• #closelink는 div와 텍스트를 포함한 전체 내용을 숨깁니다. node.
• #closelink a는 div 내의 앵커 태그에 대한 가시성 속성을 재정의하여 다시 표시되도록 합니다.

HTML

HTML은 변경되지 않습니다.

<div>

이 CSS 솔루션은 나가는 동안 "닫으려면 클릭하세요"라는 텍스트 노드를 효과적으로 숨깁니다. div 및 앵커 태그가 표시됩니다.

위 내용은 다른 요소는 계속 표시하면서 CSS를 사용하여 Div에서 텍스트 노드를 숨길 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!