这篇文章主要介绍“css超链接伪类的作用有哪些”,在日常操作中,相信很多人在css超链接伪类的作用有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css超链接伪类的作用有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧! 4种css超链接伪类的作用:1、“:link”,定义正常链接的样式;2、“:visited”,定义已访问过链接的样式;3、“:hover”,定义鼠标悬浮在链接上时的样式;4、“active”,定义鼠标点击链接时的样式。本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签–a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下:a:link
,定义正常链接的样式;a:visited
,定义已访问过链接的样式;a:hover
,定义鼠标悬浮在链接上时的样式;a:active
,定义鼠标点击链接时的样式。其中::link和:visited只能适用于设置超链接a,:hover和:active则可适用所有元素:hover 用来表示鼠标移入的状态:active 用来表示鼠标点击注意:只要曾经搜索过都算访问过的,除非清除历史浏览缓存数据。伪元素,页面中一些特殊的并不真实存在的元素,伪元素表示一些特殊的位置。伪元素使用 :: 开头::first-letter 表示第一个字母
::first-line 表示第一行
::selection 表示选中的内容
免费云主机、域名::before 元素的开始
::after 元素的最后注意:1、因为设置::before和::after没有任何效果,所以::before和::after必须结合content属性来使用。 2、content内添加的内容鼠标无法选中。
3、html中的q标签表示短引用,有增加双引号效果,原理是运用了::before和::after属性,content中加上了双引号,所以q标签的双引号也无法选中。Thesecretofsuccess(Thekeytosuccess)isnotsomuchmoneyasastrongwill.Agreatmanisonewhohasastrongwillandanindomitablespirit.Inotherwords,ifamandoesnothaveastrongwilltowin(get)thefinalvictory,hewillneversucceedinhislife.Heisnomorethanafailure.Itisquiteobviousthatthereisnodifficultthing(nothingdifficult)intheworld.ifyoumakeupyourmindtodoit,youwillcertainlyaccomplishyourend.Thatstandstoreason.到此,关于“css超链接伪类的作用有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注云技术网站,小编会继续努力为大家带来更多实用的文章!
相关推荐: 2020年JavaScript开发人员必备的5项高薪技能是什么
这篇文章给大家介绍2020年JavaScript开发人员必备的5项高薪技能是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。本文转载自公众号“读芯术”(ID:AI_Discovery)开发人员的一生可以用两句话概括:计算器,以及学习新技…