2016 - 2024

感恩一路有你

vue动态路由实现方式 伪类选择器和伪元素选择器的区别?

浏览量:3000 时间:2021-03-16 06:21:35 作者:admin

伪类选择器和伪元素选择器的区别?

伪元素和伪类之所以如此容易混淆,是因为它们具有相似的效果和相似的编写方法。实际上,为了区分它们,CSS3明确规定伪类用冒号表示,伪元素用两个冒号表示。

什么是伪元素?

伪元素可以理解为“伪元素”。尽管它们将在内容元素之前和之后插入其他元素,但它们不会在文档中生成,并且在文档的源代码中找不到。虽然它在结构上是一个“假”代码,但在性能上与“普通”元素没有区别。它可以添加任何样式,例如更改文本颜色、添加背景、调整字体大小,等等

CSS伪元素有哪些不得了的用法?

首先列出CSS中常见的伪类

A:link{color:#ff0000}/*未访问的链接*/

A:visited{color:#00ff00}/*已访问的链接*/

A:hover{color:#FF00FF}/*鼠标悬停在链接上*/

A:active{color:#0000ff}/*选中的链接*/]:选中选择所有选中的表单元素

:禁用选择所有禁用的窗体元素

P:first child父元素中的第一个P元素

例如#div P:first child{

Color:#e4433c

}

:最后一个子父元素中的最后一个P元素

P:before

P:after通常用于清除浮点

vue动态路由实现方式 如何使用伪元素 before元素怎么弄

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。