• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

안녕하세요 선생님

21.10.15 10:55 작성 조회수 92

1

안녕하세요 강사님

 

1번질문)

 

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

 

처음에 저 혼자서

 

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

로 코드를 쳐봤더니

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

 

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

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

2번질문)

li 태그에 before 속성을 넣고

content: '-'; 을 한 후

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

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

 

 

답변 1

답변을 작성해보세요.

0

1번 답변)

:nth-of-type(숫자)

숫자를 넣으셔야 해요.

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

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

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

2번 답변)

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

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