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的选择器仅存在于您所在页面的链接中。