Скроллр не увядает ссылки в div

Question

Я использую Skrollr в своем портфолио для некоторых эффектов затухания текста. Весь мой текст отвечает на привязки данных Skrollr, за исключением любого текста ссылки, заключенного в .

ниже, содержащий , корректно отображается, но сохраняет стиль страницы по умолчанию. Любые идеи о том, почему и как я могу это исправить?

<div class="card" id="about">
      <div id="aboutwrapper" data-350="color:rgb(255,255,255);" 
       data-700="color:rgb(170,170,170);" data-1000="color:rgb(20,20,20);">
            <p>Blah blah blah blah</p>
            <p>blah blah blah blah <a href="www.blah.co">My Link Text</a> 
              blah blah blah </p>
      </div>
</div>

Answer 1

Это потому что <a> элементы не наследуют свойство цвета родительских элементов по умолчанию. Попробуйте добавить эту строку в свой CSS: a {color: inherit}