CSS中的伪元素简介

本文主要介绍CSS中的伪元素,这是CSS入门学习中的基础知识,需要的朋友可以参考一下。





顾名思义,如果没有实际元素,则伪元素是文档中的元素。
:第一个字母伪元素

格式:

CSS代码将内容复制到剪贴板。


E::第一个字母




实例:

CSS代码将内容复制到剪贴板。


p:第一个字母{字体大小:300%;}




提示:如果您没有使用伪元素来创建这第一个字符放大效果,则必须手动标记该字母。
然后将样式应用到标签上,而伪元素实际上是一个不可见的标签。

:第一线伪元素

格式:

CSS代码将内容复制到剪贴板。


E:第一线




实例:

CSS代码将内容复制到剪贴板。


p:第一线{字体变体:小大写;}




描述:正文段落的第一行(一般是段落)。

::之前和之后:伪元素之后

格式:


CSS代码将内容复制到剪贴板。


E::以前
E::之后




实例:
达到目标:


CSS代码将内容复制到剪贴板。


二十五




添加以下样式:


CSS代码将内容复制到剪贴板。


P.age::在{内容:年龄;}
P.age::在{内容:年。;}




将得到以下结果:

复印代码如下:年龄:25岁。

提示:如果标签的内容是由数据库查询生成的,那么这个技术就更合适了。
因为所有结果都是数字,所以当向用户提交数字时,可以将这两个伪元素添加到用户中。
性别文本。