3 给a标签添加上伪类，代码如下：<html><head><style type="text/css">a { text-decoration:none;}a:link { color: red;}a:visited { color: green;}a:hover { color: blue;}a:active { color: yellow;}</style></head><body ><a>没有href的a标签,字体没有修饰，鼠标放上去也没反应</a> </...
此时,CSS起作用的是a:link { color: red;} 如果a标签具有href属性,并且没有被浏览器打开过,超链接就会显示为红色; 第一个a标签没有href属性,显示效果和文本一样。 第二个虽然是个无效的href值,href=”#”,但是这种情况也常用,可以通过脚本写一些事件; 第三个是有效的链接地址,显示正常。 浏览器似乎会记忆...
<1>.第一种情况:我定义的顺序是a:visited、a:hover、a:link,这时会发现:把鼠标放到未访问过的蓝色链接上时,它并不变成绿色,只有放在已访问的红色链接上,链接才会变绿。 <2>.第二种情况:我把CSS定义顺序调整为:a:link、a:visited、a:hover,这时,无论你鼠标经过的链接有没有被访问过,它都会变成绿色啦。
1、新建一个html文件，命名为test.html，a标签四个不同的伪类，有不同的效果。2、利用a标签伪类改变字体的颜色。下面代码实现了a标签的默认颜色为红色，点击链接过后，颜色变为绿色，当鼠标放在连接上显示粉红色。3、利用a标签伪类改变字体的大小。下面代码实现了a标签的默认大小为20px，点击链接过后，...
li:hover { display:inline-block; width:100px; height:30px; background:#06b2e3; color:#fff;} 实际上，要想更多浏览器都兼容这个样式，你应该给<a></a>加伪类。而且伪类的书写时有顺序的，如下所示分别是 link, visited, hover, active. 并且这些伪类都要书写，一个都不能遗漏 a:link...
background-color:yellow; } 亲自试一试 浏览器支持 IEFirefoxChromeSafariOpera 所有主流浏览器都支持 :active 选择器。 定义和用法 :active 选择器用于选择活动链接。 当您在一个链接上点击时,它就会成为活动的(激活的)。 提示:请使用:link选择器对指向未被访问页面的链接设置样式,:visited用于设置指向已访问页面的...
<style type="text/css"> a { text-decoration:none;} a:link { color: red;} a:visited { color: green;} a:hover { color: blue;} a:active { color: yellow;} </style> </head> <body > <a>没有href的a标签,字体没有修饰,鼠标放上去也没反应</a> </br> ...
完整CSS选择器参考手册实例 选择激活的链接样式: a:active { background-color:yellow; } 尝试一下 » 定义和用法:active向活动的链接添加特殊的样式。当你点击一个链接时它变成活动链接。提示: :link 选择器设置了未访问过的页面链接样式, :visited 选择器设置访问过的页面链接的样式, :hover 选择器当有...
link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的时候 具体一点就是: :hover版本:CSS1/CSS2 兼容性:IE4+ NS4+ 语法: Selector : hover { sRules } 说明: 设置对象在其鼠标悬停时的样式表属性。
a:visited：超链接被点击以后的状态 a:hover：超链接鼠标经过状态 a:active：超链接激活状态 例如：a:link{text-decoration：none;}看到别人总结的两点参考下记忆：在CSS中，如果对于相同元素有针对不同条件的定义，宜将最一般的条件放在最上面，并依次向下，保证最下面的是最特殊的条件。“爱恨原则”（...