导航过渡，压倒否定

Question

我试图在导航中轻松应用（使用淡入淡出），因为它在我的单页滚动网站的每个部分之间滚动。它目前正致力于从第一部分（欢迎）到第二部分（任务）的过渡。

我正在使用squarespace并正在执行custom CSS覆盖我想要更改的元素。我可以看到squarespace's CSS中的转换有一些否定，我有没有办法覆盖它？

Demo Site

代码如下：

body:not(.always-use-overlay-nav) .nav-wrapper nav>div a, 
body:not(.always-use-overlay-nav) .nav-wrapper nav span>div a,
body:not(.always-use-overlay-nav) .nav-wrapper nav>div label,
body:not(.always-use-overlay-nav) .nav-wrapper nav span>div label {
  -webkit-transition: color .1s 0s ease-in-out;
  -moz-transition: color .1s 0s ease-in-out;
  -ms-transition: color .1s 0s ease-in-out;
  -o-transition: color .1s 0s ease-in-out;
  transition: color .1s 0s ease-in-out;}

出于某种原因，当我检查我网站上的元素时，所有过渡都被“划掉”。