文本伪类的操作

第一个字符红色

p::first-letter {
    color: red;
}
<p>测试文本测试文本测试文本</p>

文本前面添加文本

span::before {
            content: "前面的文本\2193";   // \2193是转义字符，表示向下的箭头
            color: red;
}
<span> 我是文本</span>

自定义一个输入框

	div {
            border: solid 1px #ddd;
            width: 200px;
        }

   div>input {
           border: none;
           outline: none;
        }

   div>input+span::after {
            content: "\2193";
            color: red;
        }
   <div>
        <input type="text">
        <span></span>
   </div>