#CSS초보1 CSS 툴팁 구현 (attr함수, 인접형제선택자, 접근성) 버튼에 마우스를 올렸는데 아무 반응이 없다는 QA 피드백, 받아보신 적 있습니까? 저는 있습니다. JavaScript로 툴팁을 만들었는데 스크립트 로딩이 조금 늦으면서 생긴 문제였습니다. 그날 이후 CSS만으로 툴팁을 구현하는 방법을 진지하게 파고들었고, 생각보다 쓸 만한 방법이 세 가지나 있다는 걸 알게 됐습니다.attr() 함수로 HTML 속성 값을 CSS에서 읽는 방법CSS 툴팁의 첫 번째 방법은 data-tooltip 속성과 attr() 함수를 조합하는 방식입니다. attr() 함수란 HTML 요소에 직접 작성한 속성 값을 CSS가 읽어서 화면에 출력할 수 있도록 해주는 CSS 내장 함수입니다. 쉽게 말해, HTML에 data-tooltip="저장하시겠습니까?"라고 써두면 CSS의 content:.. 2026. 4. 18. 이전 1 다음
