Skrollr未在div中淡入链接

Question

我在我的公文包中使用Skrollr来获得一些文本渐变效果。我的所有文本都响应Skrollr数据锚，只有<a>。<p>，包含<a>，正确淡入，但<a>保留默认的页面样式。关于为什么以及如何修复它，有什么想法吗？

<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}