css - すべてのリンクではなく、アクティブなリンクにのみ適用される CSS3 トランジション

Question

私のサイトでは( 1 ) このトランジションをすべてのナビゲーション リンクに追加しようとしていますが、訪問したリンクでしか動作しません。( 2 ) このトランジションをドロップダウン メニューに追加しようとしています。

body .main-nav .active-link >a, body .main-nav .active-link >a:visited {
border-top: solid 0px #3b5998;
color: #3b5998;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out }

Answer 1

すべてのリンクにトランジションが必要な場合は、セレクターが正しくありません。

そのはず：

body .main-nav li >a, body .main-nav li >a:visited

.active-link現在のページのリンクに対してのみ存在するセレクターがあります。