본문 바로가기
Programming/HTML5 & CSS3

[CSS3] a 태그를 비활성 시키는 방법

by 혀코 2022. 8. 16.

 

안녕하세요. 혀코입니다.

 

이번 시간에는 <a> 태그를 비활성 시키는 방법에 대해서 알아보겠습니다.

 

보통 <a> 태그는 페이지 이동이나 같은 페이지 내에서 단락 이동할 때 쓰입니다. 하지만 때에 따라서 이러한 기능을 하지 못하도록 비활성화 해야합니다.

 

가령 현재 페이지 경로를 표시하는 breadcrumb 에서 현재 페이지를 나타내는 텍스트에 a 태그가 사용되어 있다면 이 때 a 태그는 비활성화 해줘야합니다.

 

a:last-child {
  pointer-events: none
}

 

 

이렇게 <a> 태그를 비활성 시키는 방법에 대해서 알아봤습니다.

 

해당 정보가 도움이 되셨다면, 공감과 구독 부탁 드립니다.

 

감사합니다. :)

댓글