css 伪元素实现文本左侧竖杠

/* 文章详情页自定义样式*/
.entry-content h4{
    position: relative;
    font-size: 16px;
    font-weight: 600;
    padding-left: 14px;
    margin-top: 14px;
    margin-bottom: 14px;
}
.entry-content h4::before {
    position: absolute; /*绝对定位*/
    top: 50%; /*Y轴方向偏移自身高度的50%*/
    transform: translatey(-40%); /*Y轴方向偏移微调*/
    left: 0; /*紧靠容器左边缘*/
    content: ''; /*伪元素需要有内容才能显示*/
    width: 4px; /*伪元素宽度*/
    height: 18px; /*伪元素高度*/
    background-color: #2F7689; /*伪元素颜色*/
}