괜찮아.
이제는 빨리 운동 할 시간입니다.
이 것은 우리가 방금 토론 한 다른 DOM 선택 자들을 커버 할 것입니다.
따라서 당신에게 H M L 간단한 여왕과 H-1 세 개의 네 단락을주는 작품.
어떤 사람들은 어떤 것들에는 수업이없는 아이디어가 있습니다.
그리고 제가하고 싶은 것은 네 단락을 선택하는 네 가지 다른 방법을 생각해내는 것입니다.
적어도 우리가 이야기 한 여러 가지 방법을 사용하는 것보다 더 많은 것들이 있습니다. 문서를 ID별로 클래스 이름별로 태그 이름별로 가져옵니다. Corey 선택기 쿼리는 모두이를 섞어서 일치시키고 4 가지 다른 방법으로 선택합니다.
원하는 경우 첨부 된 코드를 다운로드 할 수 있습니다.
그렇지 않다면 직접 입력 해보세요. 예를 들어 퍼즐 비디오를 보러 올 때 몇 초 만에 돌아올 것입니다.
좋아요. 그럼 우리가 어떻게이 문제를 풀 수 있는지 이야기 해 봅시다.
여기에 H Tim L 파일이 있습니다.
우리는 H1을 가지고 있고 여기에 첫 단락 뒤에있는 단락이 있습니다.
1 등급과 동일한 ID는 특별합니다.
그리고 우리가 정말로 신경 쓰지 않는 몇 가지 단락이 있습니다.
그래서 그것을 선택하기 위해 우리는 몇 가지 다른 옵션을 가지고 있습니다.
ID로 요소 가져 오기부터 시작하겠습니다.
그래서 문서 형식에 ID로 요소를 먼저 가져옵니다.
또한 쿼리 선택기를 사용하여 쿼리 선택기를 문서화하기 위해 먼저 ID를 기반으로 선택할 수도 있습니다.
우리는 Querrey selector에 이것이 first라는 id라는 것을 알려주는 Octa Thorp를 추가하는 것을 의미하는 selector syntax를 먼저 볼 필요가 있습니다. 우리는 똑같은 것을 얻습니다.
그래서 우리는 특별 수업을 토대로 선택을 할 수 있습니다.
그래서 클래스 이름과 클래스 이름으로 요소를 얻는 것이 특별한 문서를 만들 수 있습니다. 그러면 클래스 이름을 가진 두 개의 요소가 생깁니다.
따라서 첫 번째 값으로 좁히려면 나중에 0으로 추가 할 것입니다. 대괄호는 0입니다.
그리고 그것은 우리에게 첫 단락을줍니다.
우리는 또한 쿼리 선택기를 사용할 수 있으며 클래스이기 때문에 도트 구문을 사용합니다.
이번에는 정규 낡은 쿼리 선택기로만 첫 번째 결과를 얻을 수 있기 때문에 대괄호가 필요 없습니다.
쿼리 선택기를 사용하면 나중에 모두 0을 추가 할 수 있으며 같은 방식으로 작동합니다.
우리는 같은 첫 단락을 얻습니다.
우리가 가지고있는 또 다른 옵션은 단락이나 P라는 태그 이름을 기반으로 선택하는 것입니다. 그래서 문서를 할 수 있습니다. 태그 이름으로 요소 가져 오기가 P로 전달되고 그로 인해 모든 단락이 제공됩니다.
그래서 우리는 브라켓 제로를 할 것입니다.
또한 쿼리 선택기를 사용할 수도 있습니다.
따라서 쿼리 선택기를 문서화하고 인도에서는 인쇄 된 CS 내부의 내용을 변경할 필요가 없습니다. 이는 인도가 단락 태그를 선택하는 방법이라고 말하기 때문입니다.
그래서 쿼리 선택기가 우리에게 첫 번째 것을 줄 것입니다.
여기에서 볼 수 있습니다. 또는 모두 같은 쿼리를 수행하고 0을 추가 할 수도 있습니다.
우리는 또한 스스로 힘들게하고 더 창조적 인 CSSA 셀렉터를 사용할 수 있습니다.
예를 들어,이 단락은 첫 번째 단락이 H-1의 바로 뒤에있는 첫 단락이라는 것을 알고 있기 때문에 H1 뒤에 단락을 선택하거나 더하기 기호가있는 단락 옆에있는 단락을 선택하는 CSSA 선택기를 작성할 수 있습니다.
그래서 그것은 이렇게 보일 것입니다.
내가 정말로하고 싶었다면.
Cory selector와 H-1 plus paragraph가 될 것입니다.
그리고 그것은 또한 저에게 첫 단락을줍니다.
우리가 할 수있는 다른 방법들도 많이 있습니다.
먼저 단락 형 단락을 할 수 있습니다.
우리는 꽤 창조적이 될 수 있지만, ID 나 클래스 이름 또는 태그 이름으로 가져올 수만 있다면 그렇게 할 이유가 없습니다.
승인.
C S와 같이 많은 옵션이 있다는 것을 알았 으면 좋겠지 만, 네 가지 중에서 적어도 네 가지를 생각해 낼 수 있습니다. 우리는 다양한 방식으로 무언가를 타겟팅 할 수 있습니다.
ID가 있기 때문에이 경우 올바른 답변이 하나도 없습니다.
아마도 우리가 여기서 한 ID 인 쿼리 선택기를 사용할 것입니다.