Почему стили не применяются к элементу?

Question

[Sirius 077]

Почему не могу достать до элемента 'img'?

<Section class="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 offset-lg-1">
                    <div class="features-description">
                        <h3>Крепкие ремни</h3>
                        <img src="images/features/1.svg" alt="" class="first-arrow">
                        <p>
                            Тесьма ременная имеет плотную структуру и выдерживает большие нагрузки.
                        </p>
                    </div>
                </div>
             </div>
          </div>
       </section>

.features-description .first-arrow img {
  position: absolute;
  left: 100%;
  top: 5%;
}

Answer 1

[Steppp]

.features-description img.first-arrow  {
  position: absolute;
  left: 100%;
  top: 5%;
}

Ты ищешь класс .features-description в котором есть класс .first-arrow в котором img, Но тебе надо искать img с классом img.first-arrow

А лучше просто искать класс

.first-arrow  {
  position: absolute;
  left: 100%;
  top: 5%;
}

Comments

[Sirius 077]

Спасибо помогло, пол часа не мог решить все перепробовал а оказывается нужно было всего лишь удалить несколько слов))

[mahonya333]

Sirius 077, Еще выучи BEM и тебе будет в разы проще прописывать стили и править верстку

[Sirius 077]

Так я же БЕМом ползуюсь не (кроме first-arrow)?