Как добраться к каждому отдельно?

Question

[Артур]

Добрый день.
Есть вот такая структура HTML

<div class="wrap">
        <div class="section">
          <img class="img"
               src="img/m-1.jpg"
               alt="experts"/>
          <p class="heading">
            Заголовок
            
          </p>
          <p class="text">

           Просто текст
          </p>

        </div>
        <div class="section">
          <img class="img"
               src="img/m-2.jpg"
               alt="content formats"/>
          <p class="heading">
            Заголовок
           
          </p>
          <p class="text">
            Простой текст
          </p>
          
        <div class="section">
          <img class="img"
               src="img/m-1.jpg"
               alt="experts"/>
          <p class="heading">
            Заголовок
            
          </p>
          <p class="text">
            Просто текст
          </p>
        </div>
        
      </div>

Как можно используя CSS добраться для каждого заголовка отдельно. Обертка одна, классы называются одинаково.
Пробовал через потомка вот так вот

.wrap:nth-child(2)
.heading::before { }

И в псевдо-классе уже менять свойства заголовка. Но не работает.
Спасибо за ответы

Answer 1

[Mr Crabbz]

.section:nth-child(2)
.heading::before { }