CSS:a: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 .

时间: 2024-10-25 15:25:44

CSS:a:link;visited;hover;active解释及正确顺序的相关文章

[CSS3] Interactive Pseudo-Classes :link :visited :hover :active

The interactive pseudo-classes for links (and buttons) allow us to make sure the user knows what elements on the page are interactive and that they can use them to navigate the website. Order is important: order -- link, then visited, then hover, the

超链接标签的CSS伪类link,visited,hover,active

CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果. CSS伪类的语法就是: 选择器 : 伪类名 { 属性 : 属性值 } 用的最多的伪类就是超链接a的伪类,有:link,:visited,:hover,:active,而且需要按照这个顺序设置,有个简单的记法是,取首字母组成 love hate,记住“爱恨”就行了. 1,  查看超链接a标签的默认样式 新建一个网页a.html,复制下面的内容: <html> <head> </head&

link visited hover actived顺序

超链接访问过后hover样式就不出现了,被点击访问过的超链接样式不再具有hover和active了,解决方法是改变CSS属性的排列顺序? a:link {} a:visited {} a:hover {} a:active {} 为了符合浏览器解析CSS所遵循的就近原则,将一般的放在上面,将特殊的放在下面. a:link; a:visited; a:hover; a:active; a:hover必须放在a:link和a:visited之后: a:active必须放在a:hover之后. L V

关于超链接伪类的使用,:link,:visited,:hover

/* 伪类的基本用法*/ * { margin: 0px; padding: 0px; } /** * 默认情况的超链接 */ a:link, a:visited { text-decoration: none; font-size: 12px; color: #226; background: red; } /** * 当连接点击之后的效果,对于IE,不会自动继承a:link的效果, * 所以为了满足IE浏览器的效果,最好在a:link,a:visited */ a:visited { col

css基础 a:link/visited... 链接伪类选择器

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Chrome                     os:win7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

link,:visited,:focus,:hover,:active详解 .

CSS 又名 层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究. :link 与 :visited 在样式文件中的顺序可以随便放置. 而focus, hover,active这几个,如果你设置的顺序不同,会直接影响样式的显示效果,下面会详细解释. :focus -> :hover -> :active   有些人可能会困惑,为什么必须要按这样的顺序,而不能打乱呢? 其实他们每一个选择器都代表一个含义. :link代表为访问链接的样式,所以只要你是超

CSS样式中visited,hover,active , focus这四个分别表示什么意思?

CSS伪类用于向某些选择器添加特殊的效果.CSS又名层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究. :link 与 :visited 在样式文件中的顺序可以随便放置. :focus,: hover,:active这几个,如果你设置的顺序不同,会直接影响样式的显示效果. :focus -> :hover -> :active 有些人可能会困惑,为什么必须要按这样的顺序,而不能打乱呢? 其实他们每一个选择器都代表一个含义. :link代表为访问链接

伪类link,hover,active,visited,focus的区别

/*css*/a:link{  color: blue;}a:visited{  color: green;}a:hover{  color: red;}a:focus{ color:black;}a:active{  color: yellow;} /*html*/<p><a href="#">click me</a></p> link表示链接在正常情况下(即页面刚加载完成时)显示的颜色. hover表示鼠标悬停时显示的颜色. acti

css链接link

链接可以使用任何css属性,包括字体.颜色.背景等等. 链接有四个状态,可在四个状态时设置不同的属性 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 当为链接的不同状态设置样式时,需要遵循a:hover 必须位于a:link 和a:visited之后,a:active 必须位于 a:hover 之后 例如编辑一个如下的html文件 <!DOCTYPE html> <h