关于超链接伪类的使用,: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 {
    color: red;
}
/**
 *     鼠标移动上来的效果
 */
a:hover {
    color: #496F1F;
    text-decoration: underline;
    background: #496F1F;
}

怎么在a标签中加了类的情况下,在来访问这个累下的伪类

html代码

时间: 2024-12-22 18:12:51

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

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

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

Web标准:五、超链接伪类

Web标准:五.超链接伪类 知识点: 1.链接的四种样式 2.将链接转换为块状 3.用css制作按钮 4.首字下沉 1)链接的四种样式 超链接有四个伪类,分别是: a:link 未访问的链接 a:visited 已访问的链接 a:hover 鼠标移动到链接上 a:active 选定的链接 之所以称之为伪类,也就是说他不是一个真实的类,正常的类是以点开始,后面跟一个名称,而它是a开始后面跟一个冒号,再跟个状态限定字符. text-decoration在HTML语言中对文本进行修饰,例如加下划线等.

web标准(复习)--5 超链接伪类

今天我们开始学习超链接伪类,包含以下内容和知识点: 链接的四种样式 将链接转换为块状 用css制作按钮 首字下沉 一.超链接的四种样式 超链接可以说是网页发展史上一个伟大的发明,它使得许多页面相互链接从而构成一个网站.说到超链接,它涉及到一个新的概念:伪类,我们先看下超链接的四种样式: a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移

第五天 超链接伪类

http://www.aa25.cn/div_css/906.shtml 今天我们开始学习<十天学会web标准(div+css)>超链接伪类,包含以下内容和知识点: 链接的四种样式 将链接转换为块状 用css制作按钮 首字下沉 一.超链接的四种样式 本来计划这节课放到第九章中讲解,但下边的章节都涉及到了,所以提前来学习一下,上节课讲解的内容比较多,这节课就少讲些,只要理解了伪类,就轻松多了. 超链接可以说是网页发展史上一个伟大的发明,它使得许多页面相互链接从而构成一个网站.说到超链接,它涉及到

超链接伪类

伪类样式: 标签名:伪类名{声明} 如:a:hover{ color:#000000; text-decoration:underline; } 伪类名称: a:link 未单击访问时超链接样式 a:visited 单击访问后超链接样式 a:hover  鼠标悬浮其上的超链接样式 a:active  鼠标单击未释放的超链接样式 伪类顺序:a:link>a:visited>a:hover>a:active

CSS:a:link;visited;hover;active解释及正确顺序

a:link 选择器设置指向普通的.未被访问页面的链接的样式, a:visited 选择器用于设置指向已被访问的页面的链接, a:active 选择器用于活动链接, a:hover 选择器用于选择鼠标指针浮动在上面的元素. text-decoration 属性大多用于去掉链接中的下划线: 例如:a:link{text-decoration:none;}看到别人总结的两点参考下记忆: 在CSS中,如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依次向下,保证最下面的是最特殊的条

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

[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(二)css选择器,伪类

前戏 前面我们说过CSS规则由选择器和声明组成,我们要给标签设置属性,那我们就要找到对应的标签,CSS选择器可以帮我们找到我们需要的标签 css选择器有: 标签选择器 类选择器 ID选择器 全局选择器 群组选择器 后代选择器 标签选择器 标签选择器前面我们用过,它是以HTML标签作为选择器 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type&qu