모든 형제 요소가 같지는 않아요
영상에서 인접 형제 결합자와 일반 형제 결합자(+, ~)를 살펴봤어요.
아래 HTML 코드는 두 개의 제목 뒤에 code와 span 태그가 이어지는 구조예요:
<html>
<body>
<h2 class = 'first'>First example:</h2>
<code>some = code(2)</code>
<span>will compile to...</span>
<code>some = more_code()</code>
<h2 class = 'second'>Second example:</h2>
<code>another = code(3)</code>
<span>will compile to...</span>
<code>another = more_code()</code>
</body>
</html>
여기 있는 두 코드 예시는 계층적으로 묶여 있지 않다는 점에 유의하세요. 유일하게 뚜렷한 차이는 각 예시 앞에 오는 h2 요소의 클래스예요.
이 HTML 조각은 미리 읽어 두었고, code_html 변수에 들어 있어요.
이 연습은 강의의 일부입니다
R로 배우는 웹 스크레이핑
실습형 인터랙티브 연습
이 예제를 이 샘플 코드를 완성하여 풀어보세요.
# Select only the first code element in the second example
code_html %>%
___('h2.second ___ ___')