当前位置:Gxlcms > 前端框架 > CSS中的伪类及伪元素有哪些?有什么用?(附代码)

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

时间:2021-07-01 10:21:17 帮助过:102人阅读

本篇文章主要给大家介绍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中的伪类及伪元素有哪些?有什么用?(附代码)的详细内容,更多请关注Gxlcms其它相关文章!

人气教程排行