Responsive Website Portfolio (Architecture Agency)
Converting Subpage to Mobile#02 (project subpage)
모바일 화면에서 hiring의 sns 문제- 해결 하였는데 이해 안되는 부분 질문
174
34 asked
강사님, 나름 해결을 하였는데.. 잘 이해가 안되어서 추가 질문 드립니다.
980px, 768px, 486px 이하 scrolling 화면 mode에서 responsive.css 의 .sns a:nth-child()::before 적용 안되는 부분을 .sns a:hover:nth-child()로 고쳐 주었더니 해결이 되었습니다.
그런데 pc 화면에서는 .sns a:nth-child()::before 로 잘 작동되는데 왜 모바일 화면에서는 적용이 안되어 .sns a:hover:nth-child() 수정해 줘야 되는건지 잘 이해가 안갑니다. 설명 부탁 드리겠습니다.
Answer 1
0
.sns a:nth-child(n)::before 이렇게 선택자 하시는게 맞습니다.
.sns a:hover:nth-child(n) 이 선택자는 잘 못되었습니다. 아래처럼 하셔야 합니다.
.sns a:nth-child(n):hover
그리고 PC와 모바일이 다르지 않습니다.
.sns a:nth-child(1)::before
sns a:nth-child(2)::before
sns a:nth-child(3)::before
이렇게 배경색상을 다르게 하시고 호버는 1번만 하시면 됩니다.
.sns a:nth-child(n):hover 라고 하지 마시고 .sns a:hover
full reload 질문
1
181
3
섹션4에 있는 4번째 강의 질문(스크롤링)
1
150
2
안녕하세요. 질문있어서 조심스레 글을 올려봅니다.
1
199
1
브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ
1
317
3
css full reload 문제가 발생하여 질문드립니다!
1
316
3
파일 내 index.html에 대한 오류
1
264
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 부분 해결되지 않아 재 질문 드립니다ㅠㅠ
1
207
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 질문입니다
0
218
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 다시 수정하여 질문드립니다!
1
201
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 질문드립니다.
1
255
3
크로스브라우징-크롬
1
280
2
섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..
0
256
1
line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다
1
217
1
슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다
1
275
1
이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?
1
257
1
모바일 버전에서 메뉴 클릭 후 그 위치로 이동할 때 상단 영역
1
508
2
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)4
2
233
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)3
2
309
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스 js)2
2
261
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태
2
423
1
포지션 속성 중복과 관련해서
1
216
1
section about에 관련.. 궁금해요
1
256
1
섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련
1
195
2
개발자도구
2
483
6