伪元素选择器
/*
伪元素选择器
1. ::first-line 匹配第一行
2. ::first-letter 匹配第一个字符
3. ::selection 匹配选中的文本
4. ::before 在...之前插入文本 配合 content
5. ::after 在...之后插入文本 配合 content
6. ::placeholder 更改占位符的样式
*/
<p>推行“落地检”,一些地区在车站、公园、商圈周边等增设核酸检测点,不少景区严格落实“限量、预约、错峰”要求……今年国庆假期,全国各地认真落实常态化疫情防控举措,引导人员有序流动,为广大群众度过一个健康平安的国庆假期提供了有力保障。这再次说明,我国当前疫情防控政策符合国情、符合科学,是行之有效的
</p>
<input type="text" placeholder="请输入账号">
p::first-line {
color: pink;
}
p::first-letter {
color: red;
}
p::selection {
color: green;
}
p::before {
content: "哈哈哈哈哈";
}
P::after {
content: "嘿嘿嘿嘿嘿";
}
input::placeholder {
color: red;
font-size: 12px;
}