创建一个：after元素/ div

Question

我想在我的h3标题下创建一个底部栏。由于缺乏调整功能，我不想使用边框底部。我也没有完全控制何时创建h3标题，所以我不能在我的html中的div下面。

什么，我想我们是

CSS

.page-widgt h3 { 
    position: relative; 
    font-weight: 700; 
    color: #42b4c4; 
    font-size: 2em; 
    letter-spacing: -1px; 
    line-height: 1em; 
    margin-bottom: 25px; 
    padding: 0 30px 15px 0; 
} 

.page-widgt h3:after { 
    position: relative; 
    display: block; 
    width: 50px; 
    height: 3px; 
    background-color: #000; 
} 

，但没有被显示出来

Answer 1

添加content:""为:after

.page-widgt h3:after { 
    position: relative; 
    display: block; 
    width: 50px; 
    height: 3px; 
    background-color: #000; 
    content:""; 
}