@TurnerIT

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

Добрый день.
Есть вот такая структура 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 { }

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы