몇 개의 요소가 반환될까요?
다음의 (불필요하게 복잡한) HTML이 주어졌을 때…
<html>
<body>
<div class="first section">
Some text with a <a href="#">link</a>.
</div>
<div class="second section">
Some text with <a href="#">another link</a>.
<div class="first paragraph">Some text.</div>
<div class="second paragraph">Some more text.
<div>...</div>
</div>
</div>
</body>
</html>
… (불필요하게 장황한) .first + .second > div, div.second.paragraph > div 선택자로 반환되는 HTML 요소 노드는 몇 개일까요?
여기서의 목표는 점점 더 복잡해지는 선택자를 다루는 법을 익히는 것입니다. 다음 연습 문제와 함께, 이러한 선택자를 어떻게 더 간단하고 우아하게 만들 수 있는지 알아볼 거예요. 오른쪽 콘솔에 HTML을 복사/붙여넣기 해서 불러오세요!
이 연습은 강의의 일부입니다
