伪元素和伪类的区别和作用？

轩辕小不懂发布于 2021-11-29 15:39

阅读 480

答案 1

分类：WEB前端开发

CSS

2536

Nen 2021-11-29 15:56

- 程序员

伪元素：在内容元素的前后插入额外的元素或样式，但是这些元素实际上并不在文档中生成。它们只在外部显示可见，但不会在文档的源代码中找到它们，因此，称为“伪”元素。例如：

p::before {content:"第一章：";}

p::after {content:"Hot!";}

p::first-line {background:red;}

p::first-letter {font-size:30px;}

伪类：将特殊的效果添加到特定选择器上。它是已有元素上添加类别的，不会产生新的元素。例如：

a:hover {color: #FF00FF}

p:first-child {color: red}

总结：伪类是通过在元素选择器上加入伪类改变元素状态，而伪元素通过对元素的操作进行对元素的改变。

1 关注

提出于 2021-11-29 15:39

全部

480 阅读

480 阅读

480 阅读

480 阅读

480 阅读

480 阅读