250x250
반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Remix
- nft
- Setting
- 블록체인
- exceljs
- 회고
- miniconda
- polygon
- nginx
- 오블완
- CSS
- jquery
- threejs
- pagination
- Laravel
- React
- metamask
- 티스토리챌린지
- NextJS
- nodejs
- Ai
- 라라벨
- 공연티켓
- Kaikas
- node
- Python
- PM2
- netfunnel
- 배포
- chatGPT
Archives
- Today
- Total
목록hover (1)
박주니 개발 정리
css group hover 적용 방법
설명 이유 보통 그룹으로 지정할 것도 없이 동시에 적용을 할려면 클래스 name을 가지고 와서 , 구분한다음 한번에 이벤트를 적용하면 됬지만 hover이나 동작에 대한 이벤트를 줄때에는 별도로 설정해야한다는 것을 알게 되어서 정리하게 되었습니다. 예시 코드 테스트 적용 미적용 조건 li테그에 테스트에 마우스를 갖다대면 h1테그 적용부분도 동시에 hover 적용해서 글자가 빨간색으로 변하게 만들어보세요 css .test-group:hover li, .test-group:hover h1 { color: red; } 설명) 먼저 적용하고자하는 범위에 상위에 있는 클래스를 가지고 와서 hover을 적용하고 그다음에는 상세 적용할 부분을 지정하면 됩니다. 회고) 이 방법을 몰랐을경우 hover을 동시에 적용하고자..
퍼블릭
2023. 7. 5. 16:04