a标签的伪类元素

您所在的位置:网站首页 超链接标签a的伪类有四种 a标签的伪类元素

a标签的伪类元素

2024-07-07 17:18| 来源: 网络整理| 查看: 265

一、a的伪类通俗来说就是给超链接a添加四种状态 第一种状态未点击 语法:a:link{color:#FFF} 第二种状态点击过也是访问过的 语法:a:visited{color:#fof} 第三种状态点击过后的 语法a:hover{color:yellow;} 第四种状态点击中的 语法a:active{color:pink;} 注意点:1.规定一定要先设置选择器推荐使用class类名,不会引起冲突,或者使用后代选择器精确匹配以防打算全局的状态。伪类选择器的权重级和普通选择器的权重级别一样。 2.四种状态在css编写的时候有顺序要求,因为执行是从上到下顺序为 link、visited、hover、active。 3.普通元素,超链接都可以设置伪类元素但此时只会显示两个状态分别是hover和active。 二、伪类元素的其他使用 做一些表单和导航栏时鼠标移动上去背景颜色会改变,可以不使用js的鼠标的移入移出事件,使用伪类元素属性的第三种状态hover 举例如下

首页手机电脑

这是一个简单实现背景颜色改变的css操作。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3