前端之常见的实用伪元素

一丶伪类元素选择器:【类名或者id+:+伪元素】
1.:hover:当鼠标移进去的时候,添加样式
如图“
鼠标在外边:在这里插入图片描述
鼠标进去的时候 ,div 变小 也出现背景颜色

在这里插入图片描述
除了用在div还可以用在文本 等其他地方 学以致用 活学活用 举一反三。
2.:first-line:改变文本第一行的样式在这里插入图片描述
3.:first-letter:改变第一个字的样式 或者第一个字母的样式
在这里插入图片描述
3.:before:在前面插入内容样并且可以修改其样式
在这里插入图片描述
4.:after:在后边插入内容样并且可以修改其样式 跟before差不多

猜你喜欢

转载自blog.csdn.net/qq_36625232/article/details/85861075