cssactive样式的简单介绍

CSS里的a:active 是干什么用的，请举例说明

定义链接在鼠标被激活（点下去）时候的样式。操作方法如下：

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、网络空间、营销软件、网站建设、太平网站维护、网站推广。

1、新建一个html文件，命名为test.html，a标签四个不同的伪类，有不同的效果。

2、利用a标签伪类改变字体的颜色。下面代码实现了a标签的默认颜色为红色，点击链接过后，颜色变为绿色，当鼠标放在连接上显示粉红色。

3、利用a标签伪类改变字体的大小。下面代码实现了a标签的默认大小为20px，点击链接过后，大小变为40px。

4、利用a标签伪类改变链接的背景颜色。下面代码实现了a标签的默认背景颜色为红色，点击链接过后，背景颜色变为绿色。

5、利用a标签伪类改变链接的字体。下面代码实现了a标签的默认字体为Monospace，点击链接过后，字体变为Arial。

6、最后利用a标签伪类去掉连接默认的下划线。下面代码实现了a标签在任何状态下都没有下划线。

css样式a:active IE和火狐显示不一样，求高手帮助解答

您好！很高兴为您答疑！

W3C说明中指出：a:link 是默认状态 a:visited 是访问状态 a:hover 是经过状态 而a:active则是按下状态，当鼠标离开后就会消失。火狐对CSS的要求比较严格！

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

在css中class=“active”什么意思？

class说明是一个类，class=“active”本身这句是html代码，如果在css里设置样式应该在类名前加个点，如.active{}，从经验看，active这个类一般用在导航条中当前高亮的栏目，或者选项卡中当前活动着的选项

css样式中a:visited a:active 能帮我解释一下这是什么意思吗？

对页面的a标签（链接）进行控制，就用到伪类了，下面介绍一下各伪类的作用与用法：

1.所有链接

首先，伪类：link和a元素选择器（来源于链接标记的a href ...部分）组合，创建选择器a:link。

a :link {

color:#f00;

}

这个简单的选择器将处理所有a元素的实例，将所有未访问过的的链接变为红色。由于没有创建 相应的选择起来覆盖浏览器默认访问过的链接样式，所有访问过的链接也仍然是红色。

2.访问过的链接

为了区别显示访问过的链接，只需要结合a元素和：visited伪类创建一个简单的选择器即可。

a :visited {

color:#999;

}

现在所有未访问过的链接是红色，而所有访问过的链接将变成淡灰色（如图7-2所示）。让访问过的链接和没有访问过的链接有所不同的是非常重要的。这是一个大家都接受的惯例，并且可以立即突出在本机上已经访问过的所有连接。

3.:hover伪类

假定有一个很大的连接列表，或者有一个到处都是链接的段落，如果没有某种形式的交互，用户很容易就会点错链接，从而被带到错误的目的网页。强大的:hover伪类可以解决这个问题，该伪类除了能够提高可用性外，也是非常吸引人的。

同样，这个选择器首先找到所有a元素的实例，但是仅仅当用户鼠标移动到链接文本时，才真正执行。

a:hover ｛

color：#333;

｝

这个简单的规则在鼠标放在链接上时将所有的链接文本变成深灰色，而不管该链接是否已经访问过。

4.:active伪类

:active伪类主要关注鼠标真正点击链接时的样式。该伪类可以提高网页的可用性。

a:active {

color:#333;

}

在这个例子中，当用户点击链接时，只要当前页面一直保持浏览，文本将变成黑色，这样主要是提供一个额外的提示，以表明用户目前正在处理那个网页。

另外要非常注意的是这几个伪类在声明时的顺序：如果你在同一个选择器上使用几种不同的伪类，声明时一定要注意他们之间的先后顺序，记住，一定是L V H A（字母为各个伪类的首字母），这个顺序非常重要。

例如，如果你将a:hover选择器放在a:visited选择器之上（也就是说你的顺序是L H V A），由于层叠作用，你会发现a:hover声明对于所有访问过的链接没有任何影响。即使鼠标停留在连接上，文本仍然保持淡灰色，而不会发生预期的动作。或许有某些情况需要这种方法，但是这种场合应该很少，因此，最好是要避免。

css的问题：li下存在active类，怎么写这种样式？

li:active { display:inline-block; width:100px; height:30px; background:#06b2e3; color:#fff;}/* display是一定要加上的，不然背景显示会有问题，width和height的具体值你自己写*/

不过这只是鼠标释放以后的才会显示的样式。

我猜想你是想鼠标划过时才这样显示，你应该这样写

li:hover { display:inline-block; width:100px; height:30px; background:#06b2e3; color:#fff;}

实际上，要想更多浏览器都兼容这个样式，你应该给a/a加伪类。而且伪类的书写时有顺序的，如下所示分别是 link, visited, hover, active. 并且这些伪类都要书写，一个都不能遗漏

a:link{color:black;} /*没有访问之前的样式*/

a:visited{color:blue;} /*访问之后的样式*/

a:hover{color:red;} /*鼠标滑过时的样式*/

a:active{color:green;} /*鼠标释放时候的样式*/

希望能帮到你。

在DW,CSS样式中link，visited，hover，active这四个分别表示什么意思？

link;visited;hover;active解释及正确顺序：

a:link 选择器设置指向普通的、未被访问页面的链接的样式

a:visited 选择器用于设置指向已被访问的页面的链接

a:active 选择器用于活动链接

a:hover 选择器用于选择鼠标指针浮动在上面的元素。

text-decoration 属性大多用于去掉链接中的下划线：

例如：a:link{text-decoration：none;}看到别人总结的两点参考下记忆：

在CSS中，如果对于相同元素有针对不同条件的定义，宜将最一般的条件放在最上面，并依次向下，保证最下面的是最特殊的条件。

“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。

再重复一遍正确的顺序：a:link、a:visited、a:hover、a:active

扩展资料：

css链接link时，链接可以使用任何css属性,包括字体.颜色.背景等等. 链接有四个状态,可在四个状态时设置不同的属性 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover -

当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 当为链接的不同状态设置样式时,需要遵循a:hover 必须位于a:link 和a:visited之后,a:active 必须位于 a:hover 之后。