inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

SVG 마스터

준비하기

nth-of-type

해결된 질문

103

gga01075

작성한 질문수 21

0

삭제된 글입니다

svg HTML/CSS

답변 2

1

gga01075

아 감사합니당! 이해됐어요~

1

1분코딩

nth-of-type은 클래스를 기준으로 하는게 아니라 html 요소의 타입으로 순서를 매깁니다.
요소의 타입인 <circle>로 따지면 .face__eye들은 2번째 circle과 3번째 circle이기 때문에
nth-of-type(2), nth-of-type(3)으로 해준거에요~

만약 .face__hair를 선택한다고 한다면, <ellipse>가 .face__hair에서 처음 나왔기때문에
말씀대로 nth-of-type(1), nth-of-type(2)로 선택할 수 있고요.

svg 직접 그리기

0

59

1

SVG 파일 CSS 애니메이션

0

215

1

곡선에 따라 글자쓰기에서 path 대신 circle은 안되나요?

0

285

1

선생님 질문 있습니다! svg 태그에 object-fit: cover; 같은 속성을 적용하기는 어려울까요?

0

585

1

atom 서비스 종료, emmet 설치안됨

0

1427

1

SVG 태그 중 foreignObject 관련하여 질문드립니다.

0

1565

1

마스크가 안돼요..

0

431

2

강의 노션

0

404

1

강의 노션

0

342

1

마스크 2에서 배경으로 깔린 패턴 애니메이션이 멈춰있는 현상

1

238

1

path 를 x ,y로 이동

0

287

1

같은 페이지에 같은 svg 아이콘을 사용할 경우 id 값이 동일해도 되나요?

0

363

1

마스크2 돋보기 질문

0

391

1

압축에 관하여

0

281

1

svg 강의 스트로크 편 구현 에서 제가 적용하면 안되는게 있어요

0

418

2

패스 강의 관련 태그 질문 드립니다 ㅠ.ㅠ

0

514

1

글씨 깨짐

0

434

1

smil 무한반복 질문

0

236

1

SMIL 애니메이션 중복 관련 질문드립니다. ( + 융의 땅 관련 질문 추가...)

0

335

1

class name 정의 하실때 bem 방법 사용하시나요??

0

332

1

마스크 2 에서 질문있습니다.

0

265

1

path로 그린 svg 화면 꽉채우기

0

883

1

svg 파일 불러오기

0

369

1

svg 태그 질문!

0

235

1