伪元素设置字体图标大小不影响图标本身大小

Question

html

        <div class="search_module_hd">
            <a href="" class="sort"></a>
            <div class="search_con"></div>
            <a href="" class="register"></a>
        </div>

less

span {
            position: absolute;
            top: 12px;
            left: 30px;
            color: #cccccc;
            &::after {
                content: '';
                font-family: 'icomoon';
                display: inline-block;
                width: (16rem/@base_font);
                height: (16rem/@base_font);
            }
        }

Answer 1

font-size