伪类，伪元素

【2022.2.12】问题：添加伪元素，摆放放大镜精灵图

  <!-- 搜索 -->
            <div class="search fl">
                <input type="search" placeholder="搜一搜">
            </div>

.xtc-main_nav .search::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background-color: red;
    background: url(../images/sprites.png)
    -80px -70px;
}

对于伪元素，必填的是【content】
伪元素是行内元素，不能进行长宽的设制。-->处理方法：转化成块元素、行内块元素(dispay)、层叠-浮动拖标(子绝父相)、绝对定位。