欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-05 08:36:08
...
本篇文章主要给大家介绍css中伪类以及伪元素的用法总结。

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

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

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

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

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

伪类:

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

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

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

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

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

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

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

伪元素:

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

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

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

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

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

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

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

相关标签: css伪类和伪元素