您可能已经意识到，可以通过指定每个键的不同样式来建立CSS翻转效果，其中包括普通链接（正常）、访问、翻转和激活，还可以知道CSS的顺序可以产生不同的结果。CSS代码的样式将取代同一元素的相同样式，建立滚动效果的类型顺序非常重要。
现在让我们看看如何安排链接状态来支持正常的无冲突翻转，以及如何安排这些订单类型以获得不同的翻转效果。

链路状态

典型的CSS滚动效果取决于超链接中四个状态之一的独立类型。可以设置CSS预类的A（超链接）类型来指定链接状态：

答：链接——常规的、非访问的超链接

答：访问访问超链接

答：鼠标悬停——当访问者操作鼠标时

答：激活点击链接

为了使典型的CSS滚动功能正常工作，在CSS代码CSS类型的顺序是非常重要的，无论是外部类型表或嵌入在网页的标题栏himl类型规则。

A：链接类型出现在最早的时间因为它可以适用于所有的环节，一：参观型次之，它将取代任何链接：链接格式。（如：链接类型是紧随其后：参观，一：链接可以代替一个：访问类型。其次是一个：悬停）类型，它仅用于在鼠标链接访问。最后是：积极的，所以当一个链接被点击时，它可以取代所有其他类型。

答：链接{

颜色：# 0000ff；

文字装饰：下划线；

字体重量：正常；

字体样式：正常；

}

答：访问{

颜色：# 3399ff；

文字装饰：下划线；

背景颜色：# ffffff；

字体重量：正常；

字体样式：斜体；

}

答：悬停{

颜色：# 0000ff；

文字装饰：下划线；

背景颜色：# ffff00；

字体粗细：粗体；

字体样式：正常；

}

答：活动{

颜色：# FF0000；

文字装饰：无；

背景颜色：# cccccc；

字体粗细：粗体；

字体样式：正常；

}

在CSS代码的类型决定了每个类型为以其他类型，这是地方，更多类型可以应用到一个特定的元素。通常情况下，一个盘旋式：后一：链接和访问类型，所以：悬停状态可以应用于规则和访问链接类型。但是，它没有按照这种方式，你可以改变类型以达到不同的效果。

如果您想在非访问链接中使用翻转效果，但不想影响其他访问链接，您可以考虑以代码的形式处理此更改，但您需要做的是重新组织CSS代码。

从访问链接中删除滚动效果，您可以简单地删除A：访问类型。

注意，访问的类型包含指定与a相同属性的所有规则。否则，当访问者的鼠标通过一个链接时，任何未被a所取代的悬停类型属性将继续再现。


来源：网页教学网