修改伪元素本身样式

after、before伪元素本身有默认样式

xxx::after {
    display: inline;
}

若要修改宽度高度等样式，需要先将display设置为inline-block

xxx::after {
    display: inline-block;
    width: 20px;
    height: 20px;
}

修改伪元素content的样式

以图标为例

xxx::after {
    content: '\e123'
}

修改图标的样式，只需要把它当作文字来写样式即可，例如用font-size修改大小