Event1 [한경xToss] 🍇추가공부) CSS 반응 반복 설정 / fade over 위치 / SCSS 궁금했던 것 :영화/예매/극장 각 버튼의 순서를 n이라고 할때,hover 시 나타나는 아래쪽 hidden menu 리스트를margin-right: calc(50%-n); 이런 식으로 계산해서 각 버튼마다 위치를 다르게 하고 싶었다. 아직 수업에서 순수 html, css만 사용중이라nth-child(귀찮음)이나 JS 이외에도 방법이 있는지 궁금해졌다! chatGPT한테 우선 물어봄 -> 강사님께도 여쭈어봄 방법 1: nth-child와 calc() 조합CSS의 nth-child()를 활용하여 특정 순서에 따라 다른 스타일을 적용할 수 있다..hidden_menu:nth-child(1) .menulist { margin-right: calc(50% - 10px); /* 첫 번째 hidden_menu *.. 2025. 1. 13. 이전 1 다음 728x90 반응형
