CSS3过渡仅适用于活动链接，而不是所有链接

Question

开my site（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，它仅存在于您所在页面的链接中。