<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
width: 100px;
height: 100q;
border: 1px solid #000;
}
div::before {
display: block;
content: "我";
width: 10px;
height: 10px;
background-color: pink;
font-size: 10px;
}
div::after {
content: "小猪";
}
</style>
</head>
<body>
<div>
是
</div>
</body>
</html>
<!--
:brfore 在元素内部的前面插入内容
:after 在元素内部的后面插入内容
tips:
1.before和after必须有content属性
2.brfore 在元素内部的前面插入内容,after 在元素内部的后面插入内容
3.before和after创建一个元素,但是属于行内元素
4.因为在dom里面看不见刚才创建的元素,所以称之为伪元素
5.伪元素和标签选择器一样,权重为1
-->
CSS3新增伪类选择器
猜你喜欢
转载自blog.csdn.net/weixin_44079801/article/details/106968105
今日推荐
周排行