`
waret
  • 浏览: 136768 次
  • 性别: Icon_minigender_1
  • 来自: 天津
文章分类
社区版块
存档分类
最新评论

css a 链接状态

CSS 
阅读更多

css称这些链接状态为伪类选择器,在css思考方式里,"真"类属性是用class=的属性来明确指定的,而伪类选择器则是用(:hover ; :visited ; :link ; :active)来指定,具体意义及顺序如下:

       a: link用在未访问的连接上。
       a :visited用在已经访问过的连接上。
       a :hover用于鼠标光标置于其上的连接。
       a :active用于获得焦点(比如,被点击)的连接上。


a:visited一定要放到a:hover前才会生效。


CSS样式中的a:focus就是一个链接得到焦点时的状态。就是用tab键能选到的状态

分享到:
评论

相关推荐

    CSS链接样式设计

    首先,了解链接的四个不同状态是至关重要的:`a:link`(未访问的链接),`a:visited`(已访问的链接),`a:hover`(鼠标悬停时的链接)和`a:active`(被点击或激活时的链接)。我们可以为每个状态设置不同的样式。 ...

    a标签的css样式四个状态LVHA的设计

    表示所有状态下的连接 如 a{color:red} ① a:link:未访问链接 ,如 a:link {color:blue} ② a:visited:已访问链接 ,如 a:visited{color:blue} ③ a:active:激活时(链接获得焦点时)链接的颜色 ,如a:active{...

    CSS控制链接显示状态的CSS伪类

    CSS控制元素的某种状态—伪类(用于向某些选择器添加特殊的效果) 伪类的语法:元素标签 伪类名称{属性:属性值;} a:link:未访问的链接 a:hover:鼠标移动到链接上 a:active:鼠标按下链接 a:visited:已访问的链接 ...

    a标签样式 和 a标签属性写法

    总: a 表示所有状态下的连接 如 .mycls a{color:red} ① a:link:未访问链接 ,如 .mycls a:link {color:blue} ② a:visited:已访问链接 ,如 .mycls a:visited{color:blue} ③ a:active:激活时(链接获得焦点时...

    纯css 拓扑特效

    4. **交互性**:虽然CSS本身不具备事件处理能力,但通过结合HTML的`<a>`标签或者`<button>`标签,我们可以实现点击旋转等交互效果。例如,添加`onclick`事件监听器,当用户点击时触发元素的旋转动画。 5. **3D效果*...

    CSS样式文件设置网页中的页面元素的CSS

    CSS允许我们自定义链接的外观,包括未访问、已访问、鼠标悬停和活动状态。以下是一些基本的链接样式设置: ```css /* 未访问链接 */ a:link { color: blue; text-decoration: none; /* 去除下划线 */ } /* ...

    CSS常用英语词汇大全

    虽然这不是CSS的标准术语,但在描述某些元素如何相互连接时可能会用到。 - **Contact** ['kɔntækt] - 联系。这不是CSS的标准术语,但在Web设计中可能涉及到联系信息的设计和布局。 - **Content** [kən'tent] - ...

    CSS离线手册、W3Cschool离线手册.rar

    这个压缩包包含了一个CSS离线手册,这是一份详尽的参考资料,旨在帮助开发者在没有网络连接的情况下也能快速查阅CSS的相关信息。 **CSS基础** CSS的核心在于选择器和声明。选择器用于定位HTML元素,声明则定义元素...

    css命名规则.txt

    4. **类名连接符命名**:如`.barnews`、`.barproduct` #### 四、高级命名规则 1. **模块化命名**:将CSS文件按照功能模块划分,如`master.css`、`module.css`、`base.css`、`layout.css`、`themes.css`等。 2. **...

    CSS常用英文小字典

    - **Connected (连接的)**:通常指两个或多个元素之间有某种关联或连接。 - **Centimeter (厘米)**:长度单位,在CSS中较少直接使用,但了解它对于理解其他长度单位有所帮助。 - **Contact (联系)**:虽然不是CSS...

    css开发字典

    ### CSS开发字典知识点解析 #### 一、基础概念与属性 **Absolute(绝对定位)** - 绝对定位使元素相对于最近的非static定位的祖先元素进行定位。 - 使用`top`, `right`, `bottom`, 和 `left` 属性可以设定元素的...

    css+css3+html+html4+js离线手册

    这份手册旨在为开发者提供全面、详细且易于理解的指南,帮助他们在没有网络连接的情况下也能查阅相关知识。下面将分别对这些技术进行深入的解析。 **CSS(层叠样式表)**是用于描述HTML或XML(包括如SVG、MathML等...

    css常用属性

    连接属性用于定义不同状态下的链接样式。 - **a:** 用于选择所有的超链接。 - **a:link:** 用于未访问过的链接。 - **a:visited:** 用于已经访问过的链接。 - **a:hover:** 用于鼠标悬停在链接上时的状态。 - **a:...

    用css实现的灰度/原色连接效果

    a.xx:link伪类用于设置链接的初始状态,a.xx:visited伪类用于设置链接的访问状态,而a.xx:hover伪类用于设置链接的 hover 状态。 在a.xx:hover伪类中,我们使用了filter: Chroma(Color=#)来实现从灰度图像到原色...

    css-dictionary(CSS常用英语词汇详解)

    - **Connected**: 连接。在CSS中可能指的是元素之间的关联性或关系。 - **Centimeter**: 厘米。长度单位,在CSS中可用于设置尺寸。 - **Contact**: 联系。常见于网站底部,用于提供联系方式或客户服务信息。 - **...

    双离合器变速箱DSG(CSSA).pdf

    双离合器变速箱主要被大众汽车公司命名为DSG,在其他厂商中可能会有不同的命名,例如,CSTA和CSSA。 一、DSG变速箱的优势: 1. 快速换挡:DSG能够在极短的时间内完成换挡动作,这是因为两个离合器可以同时工作,一...

    CSS常用属性一览表

    #### 五、CSS连接属性 链接属性用于控制超链接的不同状态下的样式。 - **a**: 应用于所有超链接。 - **a:link**: 未访问的链接样式。 - **a:visited**: 已访问的链接样式。 - **a:hover**: 鼠标悬停在链接上的样式...

    CSS各种属性代码大全

    CSS提供了一些专门针对超链接的伪类,用于控制不同状态下的超链接样式。 - `a`: 默认状态下超链接的样式 - `a:link`: 未访问过的链接样式 - `a:visited`: 已访问过的链接样式 - `a:active`: 当前被激活的链接样式 -...

Global site tag (gtag.js) - Google Analytics