CSS中的伪元素简介
本文主要介绍CSS中的伪元素,这是CSS入门学习中的基础知识,需要的朋友可以参考一下。顾名思义,如果没有实际元素,则伪元素是文档中的元素。
:第一个字母伪元素
格式:
CSS代码将内容复制到剪贴板。
E::第一个字母
实例:
CSS代码将内容复制到剪贴板。
p:第一个字母{字体大小:300%;}
提示:如果您没有使用伪元素来创建这第一个字符放大效果,则必须手动标记该字母。
然后将样式应用到标签上,而伪元素实际上是一个不可见的标签。
:第一线伪元素
格式:
CSS代码将内容复制到剪贴板。
E:第一线
实例:
CSS代码将内容复制到剪贴板。
p:第一线{字体变体:小大写;}
描述:正文段落的第一行(一般是段落)。
::之前和之后:伪元素之后
格式:
CSS代码将内容复制到剪贴板。
E::以前
E::之后
实例:
达到目标:
CSS代码将内容复制到剪贴板。
二十五
添加以下样式:
CSS代码将内容复制到剪贴板。
P.age::在{内容:年龄;}
P.age::在{内容:年。;}
将得到以下结果:
复印代码如下:年龄:25岁。
提示:如果标签的内容是由数据库查询生成的,那么这个技术就更合适了。
因为所有结果都是数字,所以当向用户提交数字时,可以将这两个伪元素添加到用户中。
性别文本。