首页  >  文章  >  web前端  >  CSS中的伪类及伪元素有哪些?有什么用?(附代码)

CSS中的伪类及伪元素有哪些?有什么用?(附代码)

藏色散人
藏色散人原创
2018-10-22 17:15:544995浏览

本篇文章主要给大家介绍css中伪类以及伪元素的用法总结。

css也就是层叠样式表,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

那么其中css伪类以及伪元素都有哪些?有什么用呢?

u=2624158943,30715210&fm=26&gp=0.jpg

CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于向某些选择器设置特殊效果。

下面我们给大家总结下css伪类以及伪元素。

伪类:

:active,将样式添加到被激活的元素。

:focus,将样式添加到被选中的元素。

:hover,当鼠标悬浮在元素上方是,向元素添加样式。

:link,将特殊的样式添加到未被访问过的链接。

:visited,将特殊的样式添加到被访问的链接。

:first-child,将特殊的样式添加到元素的第一个子元素。

:lang,允许创作者来定义指定的元素中使用的语言。

伪元素:

:first-letter,将特殊的样式添加到文本的首字母。

:first-line,将特殊的样式添加到文本的首行。

:before,在某元素之前插入某些内容。

:after,在某元素之后插入某些内容。

本篇文章就是关于css伪类及伪元素的总结介绍,希望对需要的朋友有所帮助!

想要了解更多前端相关知识,可以关注PHP中文网CSS视频教程Bootstrap教程等等相关教程,欢迎大家参考学习!

以上是CSS中的伪类及伪元素有哪些?有什么用?(附代码)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn