이 코드의 첫 번째 단락은 어떻게 선택합니까?

Question

안녕하십니까,

저는 코딩에 익숙하지 않고 알아낼 수없는 정말 간단한 질문이 있습니다. 아래의 코드에서 CSS의 첫 번째 단락을 선택하고 두 번째 단락을 선택하는 방법은 무엇입니까? 나는 첫 번째 대검에만 약간 조작하고 싶다! 나는 nth-child (1)을 시도했지만 작동하지 않습니다. 도와주세요!

<div class="about" id="about"> 
     <div class="container"> 
      <h1>Who Am I?</h1> 
      <img src="images/MyFace.jpg"> 
      <p>paragraph1</p> 
      <p>paragraph 2!</p> 
     </div> 

Answer 1

CSS first-of-type 선택기를 사용하십시오. 아래의 CSS는 container 클래스의 요소 내에서 요소 유형 p의 첫 번째 인스턴스 만 선택합니다.

.container > p:first-of-type{ /* css */ } 

Answer 2

첫 번째 요소 선택할 수있다 코드 아래 3의 방법을 시도해보십시오 :

해결 방법 1 :

.container p:first-child { /* your CSS */ } 

해결 방법 2 :

.container p:first-of-type { /* your CSS */ } 

오디오 솔루션을 이온 3

.container p:nth-child(1) { /* your CSS */ }