css3链接伪类有哪些

css3链接伪类有5个,分别为:1、“:link”,设置未被访问的链接的样式;2、“:visited”,设置已经被访问的链接的样式;3、“:hover”,设置将鼠标悬浮在链接上的样式;4、“:active”;5、“:focus”。

css3链接伪类有哪些

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

什么是css链接伪类?

css链接伪类就是css内置类,css内部本身赋予它一些特性和功能,用于向链接添加特殊的效果。

css链接伪类是用来给链接添加特殊效果。

立即学习“前端免费学习笔记(深入)”;

CSS伪类是用来添加一些选择器的特殊效果,是用于已有元素处于某种状态时为其添加对应的样式,这个状态是根据用户行为而动态变化的。

用于链接的几个伪类元素

:link–用这个可以设置未被访问的链接的样式

:visited–用这个设置已经被访问的链接的样式

:hover–用于设置将鼠标悬浮在链接上的样式

:active–用于设置鼠标点击链接时到鼠标松开时的样式

:focus–用于设置用键盘将焦点放在链接上时的样式(如用tab键或者上下键来移动页面焦点时)

正常的未被访问过的链接

a:link {    text-decoration: none;}

登录后复制

已经访问过的链接

a:visited {    text-decoration: none;}

登录后复制

鼠标划过(停留)的链接

a:hover {    text-decoration: none;}

登录后复制

正在点击的链接,鼠标在元素上按下还没有松开

a:active {    text-decoration: none;}

登录后复制

获得焦点的时候 鼠标松开时显示的颜色

a:focus {    text-decoration: none;}

登录后复制

(学习视频分享:css视频教程)

以上就是css3链接伪类有哪些的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2943022.html

(0)
上一篇 2025年3月11日 22:09:56
下一篇 2025年3月11日 09:59:48

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css3动画类型有哪些

    css3动画类型有3种:1、使用transition属性实现的渐变动画;2、使用transform属性实现的转变动画;3、使用animation属性和“@keyframes”规则实现的自定义动画。 本教程操作环境:windows7系统、CS…

    2025年3月11日 编程技术
    200
  • css3标准是哪一年完成的

    css3标准是2001年5月23日完成的,css3的工作草案主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。 本文操作环境:windows7系统、CSS3版、Dell G3电脑。 css3标准是哪一年…

    2025年3月11日
    200
  • css3复合属性是什么

    在css3中,复合属性又称“简写属性”,指的是可以在一个声明中同时书写多个属性代码、控制多种样式的属性;例如border属性,就可以在一个声明中控制边框宽度、边框样式和边框颜色。 本教程操作环境:windows7系统、CSS3&&a…

    2025年3月11日
    200
  • css3过渡属性有几个

    有5个:1、transition-property属性;2、transition-duration属性;3、transition-timing-function属性;4、transition-delay属性;5、transition属性。 …

    2025年3月11日
    200
  • css3中实现旋转效果的属性是什么

    css3中实现旋转效果的属性是“transform”。transform属性用于向元素应用2D或3D转换,当该属性和rotate()、rotate3d()、rotateX()、rotateY()或rotateZ()函数一起使用即可实现旋转。…

    2025年3月11日
    200
  • 渐变是css3新增的吗

    渐变是css3新增的图片类型,用来代替图片。CSS3定义了两种类型的渐变:1、线性渐变,使用“linear-gradient()”函数定义;2、径向渐变,使用“radial-gradient()”函数定义。 本教程操作环境:windows7…

    2025年3月11日
    200
  • css3的边框新增加的特性有哪些

    css3边框新增加的特性有:border-radius、border-image、border-image-outset、border-image-repeat、border-image-slice、border-image-width等。…

    2025年3月11日 编程技术
    200
  • CSS3支持滤镜吗

    CSS3支持多种滤镜。CSS3中可利用filter属性来给元素添加滤镜效果,该属性内置多种滤镜函数:blur()设置模糊滤镜、brightness()设置亮度滤镜、contrast()设置对比度滤镜、grayscale()设置灰度滤镜等。 …

    2025年3月11日
    200
  • css3有哪些新增的选择器

    css3新增的选择器:“[attribute^=value]”、“[attribute$=value]”、“[attribute*=value]”、“:first-of-type”、“:root”、“:empty”、“:target”等等。…

    2025年3月11日
    200
  • css3中属性选择器有哪三种

    css3中的三种属性选择器:1、“[属性名^=值]”,匹配属性值以指定值开头的每个元素;2、“[属性名$=值]”,匹配属性值以指定值结尾的每个元素;3、“[属性名*=值]”,匹配属性值中包含指定值的每个元素。 本教程操作环境:windows…

    2025年3月11日 编程技术
    200

发表回复

登录后才能评论