Skrollr不会在div中淡出链接

Question

我在我的投资组合中使用Skrollr进行一些文本淡化效果。我的所有文本都响应Skrollr数据锚，但包含在＆lt;中的任何链接文本除外。 a＆gt;。 ＆lt; p>下面，包含＆lt; a＆gt;，正确淡入，但＆lt; a＆gt;保留默认页面样式。关于为什么以及如何解决它的任何想法？

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