a 伪类顺序,background

1 a:link; a:hover; a:active; a:visited ==> a:link; a:visited; a:hover; a:active

有连接的A(正常)，鼠标移上悬停B(高亮)，点击激活鼠标抬起之间C(灰态)，已经访问过的A(正常)

2 background :

background-color || background-image || background-repeat || background-attachment || background-position

默认值为：transparent none repeat scroll 0% 0%

3 图像坐标：右x, 下y

4 background-position : 背景图片相对于容器元素应该在什么位置

-50px,-50px : 容器固定，图片位置左移50px，上移50px

时间： 2024-08-28 07:18:00

a 伪类顺序,background的相关文章

a标签伪类顺序以及jQuery选择器

Q:a标签伪类的顺序? A:顺序应该是: :link :visited :hover :avtice 原因:link和visited是a标签的常态属性,hover和active是a标签的即时状态. Q:jQuery选择器?如何准确快速的选择出想要的元素? A: 在用jQuery的时候,一个很重要的用法,就是要快速选择出自己想要的元素.把常用的选择记录下来: 基本选择器 ID选择器 $("#id").css("width","120px"); Cl

<a>链接的四个伪类顺序

摘自: http://www.cnblogs.com/xiayi/p/5350423.html <a>元素的作用是可以创建一个链接,链接对应4个状态:未访问,已访问,鼠标悬停,鼠标点击瞬间. 为了给链接的4个状态应用样式,引入伪类的概念. 什么是伪类呢?简单点说,就是你没定义这个类,但它确实作为一个类来使用.(这些类确实存在,浏览器在后台会向这些类增加和删除元素) 我在看<CSS设计指南>时,它说到四个伪类的书写顺序一定要正确,否则浏览器可能不会显示预期的结果. 也即这样写: a:

深入理解CSS伪类

× 目录 [1]锚点 [2]UI元素 [3]结构伪类[4]其他前面的话伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到.实际上css3为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示.本文将详细介绍伪类的详细知识锚点关于锚点<a>,有常见的5个伪类,分别是:link,:hover,:active,:focus,:visited a:link{background-color:pink;}/*

超链接伪类

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

关于css伪类，伪元素详解总结

伪类伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰.常见的几种伪类是: :link , :visited , :hover , :active , :first-child 以及 :nth-child. 这里还有很多,接下来我们将要逐一进行介绍.此外,伪类前面总是加一个冒号(:).之后跟着伪类的名字或者是括号里面的值,如:nth-child. 伪元素关于伪元素,它们更像是虚拟的元素可以和HTML元素一样对待.区别在于它们并不存在于文档树或者DOM之中.这意味着

a 标签的伪类的正确顺序，以及原因

注意,a 标签的伪类是有顺序的,否则有可能样式不对:lvha, 原因:浏览器的就近原则,举个例子: 我定义的顺序是a:visited.a:hover.a:link,这时候就会发现,不管我有没有hover上去,样式都是link的样式的,这是因为鼠标经过的未访问链接同时拥有a:link.a:hover两种属性,在第一种情况下,a:link离它最近,所以它优先满足a:link,而放弃a:hover的重复定义. 所以,如果一个链接没有被访问过,那么它有可能同时拥有 link , hover 两个属性,

理解是最好的记忆方法之 CSS中a链接的④个伪类为何有顺序

理解是最好的记忆方法之 CSS中a链接的④个伪类为何有顺序在CSS中,a标签有4种伪类,分别为: a:link, a:visited, a:hover, a:active 对其稍有了解的前端er都知道,4个伪类是有固定顺序的(LVHA),否则很容易出现预期之外的效果. 大部分人,都会用自己的方式,对这个顺序死记硬背. 熟记顺序,无疑是写样式时最快捷的方法,牛人们的记忆方法也是五花八门. 我见过有酱婶的:lv的包包hao,这倒是实话. 比较奇葩的,我在baidu上输入lvha,竟然自动关联出鹿

关于超链接的四个伪类的一个问题（顺序问题）

在使用超链接的伪类的时候,要使用如下顺序,否则其中的某些效果将会没有效果[注释:link和visited的顺序无所谓]a:link 设置a对象在未被访问前的样式表属性.a:visited 设置a对象在其链接地址已被访问过时的样式表属性. a:hover 设置对象在其鼠标悬停时的样式表属性. a:active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性. 原因是:浏览器解释CSS时遵循的“就近原则”. 当几种情况冲突的时候,哪

a标签伪类的顺序

在一次开发项目中,我用a链接来做效果,测试的时候发现,a:hover被点击后的效果就不再了!我百度才知道,原来在css写a链接也是有顺序之分的. 顺序应该是: a:link a标签还未被访问的状态: a:visited a标签已被访问过的状态: a:hover 鼠标悬停在a标签上的状态: a:active a标签被鼠标按着时的状态: 本质就是“同等优先权的样式,写在后边的会覆盖前边”,a标签的伪类只不过是又结合了不用的动作顺序,动作的触发顺序决定了伪类的顺序. 因为前2者两种状态是常态,而后2者