站点范围链接淡入淡出排除一个元素

Question

对于CSS来说，我是非常新手。所以原谅我可能非常无知的问题。

当我将鼠标悬停在我网站上的链接/菜单项时，我正在努力添加淡入淡出效果。我找到了一段代码，可以解决我在下面列出的问题。但是，我正在寻找一种简单的方法来排除这种影响我的主页内容。此代码使幻灯片上的过渡时间不稳定且变慢。有没有办法简单地将其排除在影响主页内容之外？

a {
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
}

谢谢！

Answer 1

使用更具体的选择器添加另一个CSS规则，该选择器会覆盖它并禁用转换。例如，如果要排除的链接的ID为“slideshow-link”：

a {
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
}

a#slideshow-link {
  -webkit-transition: none 0ms ease;
  -o-transition: none 0ms ease;
}

或排除.content div中的所有链接：

.content a {
  -webkit-transition: none 0ms ease;
  -o-transition: none 0ms ease;
}