inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

CSS 버튼 & 네비게이션 - 드롭다운 네비게이션(CSS 3가지 방식, jQuery 3가지 방식)-02

안녕하세요 선생님

151

투티니ෆ

작성한 질문수 11

1

안녕하세요 강사님

 

1번질문)

 

.item:nth-child() .item-desc {} 로 설명해주셨는데

 

처음에 저 혼자서

 

.item-list:nth-of-type()

로 코드를 쳐봤더니

동일하게 아무 변화가 없었는데 적용이안되는 이유를 정확하게 알고싶습니다 ~~ㅠㅠ

 

저번에 처음 배울때는 정확하게 이해했다고 생각했는데

어떤 개념을 놓치고 있는 걸까요

2번질문)

li 태그에 before 속성을 넣고

content: '-'; 을 한 후

자동으로 1줄이 넘어가면 왼쪽정렬이 보기싫을 때가 있는데

밑으로 넘어간 줄에 대해서 정렬을 맞추는 방법이 혹시 있을까요?

 

 

jquery javascript HTML/CSS

답변 1

0

코딩웍스(Coding Works)

1번 답변)

:nth-of-type(숫자)

숫자를 넣으셔야 해요.

:nth-child(숫자) 와 :nth-of-type(숫자) 의 차이점은 태그를 구분하느냐 안하느냐의 차이에요.

div:nth-child(숫자) 의 경우 div만 카운트하는 것이 아니라 다른 태그도 카운트 합니다.

하지만 div:nth-of-type(숫자) 은 div가 아닌 다른 태그는 카운트하지 않습니다.

2번 답변)

br 태그로 줄바꾸시면 안됩니다.

코드가 없어서 확인이 안되지만 아래처럼 포지션 속성을 써야할 것 같아요.

 

pointer-event:none;

1

73

1

실전 반응형 웹사이트 이미지 다운

1

77

2

87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)

1

64

2

목소리 좀 키워주세요.

1

131

2

PDF파일은 어디있나요?

1

181

2

실전 반응형 웹사이트

1

155

2

강의 내용 pdf가 제공되나요?

1

171

1

flex 가 부트스트랩 5 에 추가되었는데 float 를 실무에서 아직 많이 사용하나요 ?

1

217

1

다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?

1

191

1

실전퍼블리싱 카테고리 탭메뉴 안에 Slick.js가 안먹힙니다ㅠㅠ

1

386

2

scss에 active 적용하는 방법

1

319

1

반응형이 안먹힐때 뭐가 문제일까요?? ㅜㅠ

1

1182

2

실전 넷플릭스 6 footer부분

1

267

2

.dark 적용 하는 법

1

210

1

JavaScript & jQuery - 검색창 확장하기(3)에서

1

303

2

포트폴리오 CSS Grid 반응형 레이아웃에서

1

292

1

폰트어썸 4.7 아이콘

2

475

1

넷플릭스 공식사이트 수업 header

1

233

1

JavaScript & jQuery - 푸터 패밀리사이트 셀렉트 커스텀 스타일(2)

1

553

2

loginForm input type=email, password 위치 css 오류

2

415

1

이미지 전환 후 잔상 효과

1

1308

4

안녕하세요. jquery 슬라이더에 대해 질문 있습니다.

1

295

1

btn 을 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다

1

487

1

flex나 grid 로 구현하는것과 비교하면 어떤가요?

1

417

1