84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
원은 1,2,3,4가 될 것으로 예상했는데 출력은 4,1,2,3입니다.position:absolute;때문에 이런 일이 발생했는지는 모르겠습니다. 어떤 피드백이라도 환영합니다.
position:absolute;
https://stackblitz.com/edit/quasarframework-bybqfg?file=src%2Fpages%2FIndexPage.vue
.circle:nth-child(n)다음 조건을 충족하는 요소를 선택하세요.
.circle:nth-child(n)
circle
DOM은 다음과 같습니다:
.q-card__section
.circle
별도의 용기에포장하면기대되는 결과.circle를 얻을 수 있습니다.
div
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
.circle:nth-child(n)다음 조건을 충족하는 요소를 선택하세요.circleDOM은 다음과 같습니다:
.q-card__section// :n번째-자식(1).circle：내용 1 // :n번째-자식(2).circle：내용 2 // :n번째-자식(3).circle：내용 3 // :n번째-자식(4).circle：내용 4 // :n번째-자식(5)별도의 용기에포장하면기대되는 결과
.circle를 얻을 수 있습니다..q-card__section// :n번째-자식(1)div// :n번째-자식(2).circle：내용 1 // :n번째-자식(1).circle：내용 2 // :n번째-자식(2).circle：내용 3 // :n번째-자식(3).circle：내용 4 // :n번째-자식(4)