:after 選擇器在被選元素的內(nèi)容后面插入內(nèi)容。
<p>我們的朋友：</p>
原始的
用:after選擇器在p標(biāo)簽后邊添加一個(gè)元素用content
p:after{
content: '小哪吒';
}
就變成了這樣：
用:after選擇器添加元素后的
content必須存在，里邊可以不寫東西，但是必須有
.card_box h4:after{
position: absolute;
left: 50%;
bottom: 0;
margin-left: -10px;
content: '';
width: 20px;
height: 1px;
background-color: #333;
transition:.3s;
}
下邊那條黑線就是用上邊代碼寫出來的
