인프런 커뮤니티 질문&답변
작성한 질문수
11:48 에 질문있습니다.
작성
·
164
2
오버한 메뉴 외 나머지는 흐려지는 네비게이션 만들때는
gnb:hover a { opacity : .5}
gnb a:hover { opacity : 1 }
이렇게 줬었는데 이건 처음에 a가 opacity가 1 인상태라서
호버했을때 전체 a 적용한거 였는데요
이번 예제에서는 gallery:hover li {flex : 1};을 작성을
하고 안하고의 차이를 잘 모르겠어서 질문드립니다!
원래 li들이 flex:1 상태인데 따로 hover시 작성한 이유가 있으실까요? 예제를 만들어 봤는데 제가 육안으로 보이는 차이를 잘 모르겠어서 질문드려요!
답변 4
2
코딩웍스(Coding Works)
지식공유자
.gallery li 개수가 총 5개이고 기본적으로 flex: 1 이면 각각 20% 씩 가지고 있습니다.
그런데 코드를 보니까 .gallery:hover li { flex: 1; } 이 코드가 또 있네요. 없어도 되는 코드가 적혔네요.
있거나 없거나 아무런 영향을 주지 않네요.
말씀하신게 맞습니다. 원래 .gallery li에 flex: 1이 있으니까 불필요합니다.
잘 보셨어요~ 예리하시네요^^
0
0
0